.app-wrapper {
    height: 100%
}

body {
    background: #f0f2f5
}

body .ant-btn-primary {
    color: #fff;
    background-color: #00c1de;
    border-color: #00c1de
}

body .ant-btn-primary:focus,body .ant-btn-primary:hover {
    color: #fff;
    background-color: #00b7d3;
    border-color: #00b7d3
}

body .ant-tabs-nav .ant-tabs-tab-active,body .ant-tabs-nav .ant-tabs-tab:hover {
    color: #00c1de
}

body .ant-tabs-ink-bar {
    background-color: #00c1de
}

body .ant-pagination-item-active:focus,body .ant-pagination-item-active:hover {
    background-color: #00c1de;
    border-color: #00c1de
}

body .ant-pagination-jump-next a:hover {
    color: #00c1de
}

body .ant-pagination-item-active {
    background-color: #00c1de;
    border-color: #00c1de
}

body .ant-pagination-item:focus,body .ant-pagination-item:hover {
    transition: all .3s;
    border-color: #00c1de
}

body .ant-pagination-item:focus a,body .ant-pagination-item:hover a {
    color: #00c1de
}

body .ant-pagination-next .ant-pagination-item-link:after,body .ant-pagination-prev .ant-pagination-item-link:after {
    color: #d9d9d9
}

body .ant-pagination-item-active:focus a,body .ant-pagination-item-active:hover a,body .ant-pagination-item-active a {
    color: #fff
}

body #main {
    min-width: 1200px
}

body #main .app-page {
    width: 100%;
    min-height: 800px
}

body #main .header {
    padding: 0 30px;
    height: 80px;
    background: #fff;
    line-height: 80px;
    border-bottom: 1px solid #eee
}

body #main .header .logo img {
    height: 40px;
    width: 40px;
    vertical-align: middle
}

body #main .header .logo-test {
    font-size: 16px;
    color: #108ee9;
    margin-left: 15px
}

body #main .content-body {
    width: 100%;
    height: calc(100% - 80px)
}

body #main .content-body .slider-bar {
    float: left;
    height: 100%
}

body #main .content-body>.content {
    float: left;
    margin: 10px 10px 0;
    width: calc(100% - 240px);
    height: calc(100% - 10px);
    transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s
}

body #main .content-body>.content.content-collapse {
    width: calc(100% - 90px)
}

.container-course {
    padding: 10px;
    background-color: #f5f5f5
}

.container-course .course-detail {
    padding: 7px 0 18px
}

.course-detail-title a {
    color: #333!important
}

#live .playError {
    z-index: 1000;
    color: #fff;
    background: #000;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

#live .playError .content {
    font-size: 16px
}

#live .playError .content ul {
    padding-left: 15px
}

#live .playError .content ul li {
    padding: 4px 0;
    list-style-type: decimal;
    font-size: 14px
}

#live .w-e-text-container {
    height: 120px!important
}

#live input {
    height: unset
}

#live .top-wrap {
    height: 570px;
    margin-bottom: 30px;
    background: #fff
}

#live .left-wrap {
    width: 880px;
    height: 100%;
    float: left;
    position: relative
}

#live .left-wrap .chat-wrap {
    background: #222;
    padding: 14px
}

#live .left-wrap .chat {
    border-radius: 5px;
    height: 40px;
    background: #333;
    width: 620px
}

#live .left-wrap .chat>span {
    display: inline-block;
    width: 130px;
    text-align: right
}

#live .left-wrap .chat>span span {
    color: #999
}

#live #chatInput {
    width: 488px;
    background: #333;
    border-radius: 5px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    padding-left: 10px
}

#live .left-wrap .chat-wrap a {
    width: 76px;
    display: inline-block;
    line-height: 38px;
    background: #02c0e2;
    border-radius: 0 5px 5px 0;
    color: #fff;
    padding: 0 25px;
    margin-left: 20px
}

#live .chatTabs {
    width: 100%;
    height: 100%
}

#live .slide-pane .ant-tabs-tabpane-active {
    width: 320px
}

#live .ant-tabs-tabpane-active {
    width: 100%;
    height: 90%;
    overflow: auto;
    padding: 0 10px
}

#live .ant-tabs-content-animated {
    height: 100%
}

#live .ant-tabs-ink-bar {
    background-color: #00c1e2!important
}

#live .ant-tabs-nav-container {
    line-height: 2.5!important
}

#live .left-wrap .chat-wrap a.redAButton {
    background-color: #4a4a4a
}

#live .left-wrap .chat-wrap a.blueAButton {
    background-color: #02c0e2
}

#live .slide-pane {
    width: 100%;
    background: #333;
    height: 100%;
    color: #fff;
    padding-left: 880px
}

#live .slide-pane .ant-tabs-nav {
    width: 100%
}

#live .slide-pane .ant-tabs-nav .ant-tabs-tab {
    width: 50%;
    text-align: center;
    margin-right: 0
}

#live .slide-pane .ant-tabs,#live .slide-pane .ant-tabs-nav .ant-tabs-tab,#live .slide-pane .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab {
    color: #fff
}

#live .slide-pane .ant-tabs-bar {
    border-color: #4d4d4d
}

#live .slideAuto {
    overflow: auto
}

#live .vedio-wrap {
    height: 500px
}

#live .chat-wrap {
    position: relative;
    height: 70px;
    background: #ccc
}

#live .plyr__video-wrapper {
    min-height: 500px
}

#live .normal {
    border: 1px solid #333
}

#live .overflow {
    border: 1px solid #900
}

#live .vedio-list-cell {
    min-height: 75px;
    max-height: 75px
}

#live .vedio-list-cell .cell-img {
    float: left
}

#live .vedio-list-cell .cell-body {
    padding-right: 20px;
    border-bottom: 1px solid #4d4d4d
}

#live .vedio-list-cell .cell-body .cell-title a {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 22px;
    max-height: 22px;
    margin-bottom: 5px
}

#live .vedio-list-cell .cell-body .cell-state {
    color: #00c2e4;
    font-size: 12px
}

#live .vedio-list-cell .cell-body .cell-state span {
    display: inline-block;
    line-height: 12px
}

#live .vedio-list-cell .cell-body .cell-state span:first-child {
    float: left;
    margin-left: 5px
}

#live .vedio-list-cell .cell-body .cell-state span:last-child {
    float: right;
    margin-right: 5px
}

#live .vedio-list-cell .cell-body .cell-state:after {
    content: "";
    display: inline-block;
    clear: both
}

#live .vedio-list-cell .cell-body .cell-state span.free {
    color: #2cb544
}

#live .vedio-list-cell .cell-body .cell-state span.pay {
    color: #108ee9
}

#live .chat-list-cell {
    margin-bottom: 10px
}

#live .chat-list-cell .cell-img {
    float: left
}

#live .chat-list-cell .cell-img img {
    border-radius: 20px
}

#live .chat-list-cell .cell-body {
    margin-left: 50px;
    background: #222;
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
    min-height: 46px;
    width: fit-content;
    max-width: 240px
}

#live .chat-list-cell .cell-body .cell-nick {
    color: #7a7a7a;
    font-size: 12px
}

#live .chat-list-cell .cell-body .cell-say {
    font-size: 12px
}

#live #uniqueScroll {
    position: relative;
    height: 100%
}

#live #uniqueScroll .wraper {
    position: absolute
}

#live #uniqueScroll .top {
    top: 0
}

#live #uniqueScroll .bottom {
    bottom: 15px
}

#live .barrage-btn {
    padding: 0 10px;
    right: 15px;
    border-radius: 5px;
    cursor: pointer
}

#live .barrage-btn,#live .color {
    position: absolute;
    display: inline-block;
    color: #fff;
    line-height: 38px;
    top: 15px;
    background: #4a4a4a
}

#live .color {
    -moz-appearance: unset;
    -webkit-appearance: unset;
    padding-left: 16px;
    width: 60px;
    height: 38px;
    right: 91px;
    border-radius: 5px;
    outline: none;
    border: 0
}

.contentEditorHtmlOutput ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px
}

.contentEditorHtmlOutput address,.contentEditorHtmlOutput cite,.contentEditorHtmlOutput dfn,.contentEditorHtmlOutput em,.contentEditorHtmlOutput i,.contentEditorHtmlOutput var {
    font-style: italic
}

.contentEditorHtmlOutput del,.contentEditorHtmlOutput s,.contentEditorHtmlOutput strike {
    text-decoration: line-through!important
}

.contentEditorHtmlOutput font.center {
    display: block;
    text-align: center
}

.contentEditorHtmlOutput .bg-rosybrown {
    background-color: #bc8f8f
}

.contentEditorHtmlOutput .bg-indianred {
    background-color: #cd5c5c
}

.contentEditorHtmlOutput .bg-brown {
    background-color: brown
}

.contentEditorHtmlOutput .bg-firebrick {
    background-color: #b22222
}

.contentEditorHtmlOutput .bg-lightcoral {
    background-color: #f08080
}

.contentEditorHtmlOutput .bg-maroon {
    background-color: maroon
}

.contentEditorHtmlOutput .bg-darkred {
    background-color: darkred
}

.contentEditorHtmlOutput .bg-red {
    background-color: red
}

.contentEditorHtmlOutput .bg-snow {
    background-color: snow
}

.contentEditorHtmlOutput .bg-mistyrose {
    background-color: #ffe4e1
}

.contentEditorHtmlOutput .bg-salmon {
    background-color: salmon
}

.contentEditorHtmlOutput .bg-tomato {
    background-color: tomato
}

.contentEditorHtmlOutput .bg-darksalmon {
    background-color: #e9967a
}

.contentEditorHtmlOutput .bg-coral {
    background-color: coral
}

.contentEditorHtmlOutput .bg-orangered {
    background-color: #ff4500
}

.contentEditorHtmlOutput .bg-lightsalmon {
    background-color: #ffa07a
}

.contentEditorHtmlOutput .bg-sienna {
    background-color: sienna
}

.contentEditorHtmlOutput .bg-seashell {
    background-color: #fff5ee
}

.contentEditorHtmlOutput .bg-chocolate {
    background-color: #d2691e
}

.contentEditorHtmlOutput .bg-saddlebrown {
    background-color: #8b4513
}

.contentEditorHtmlOutput .bg-sandybrown {
    background-color: #f4a460
}

.contentEditorHtmlOutput .bg-peachpuff {
    background-color: #ffdab9
}

.contentEditorHtmlOutput .bg-peru {
    background-color: peru
}

.contentEditorHtmlOutput .bg-linen {
    background-color: linen
}

.contentEditorHtmlOutput .bg-bisque {
    background-color: bisque
}

.contentEditorHtmlOutput .bg-darkorange {
    background-color: #ff8c00
}

.contentEditorHtmlOutput .bg-burlywood {
    background-color: #deb887
}

.contentEditorHtmlOutput .bg-antiquewhite {
    background-color: #faebd7
}

.contentEditorHtmlOutput .bg-tan {
    background-color: tan
}

.contentEditorHtmlOutput .bg-navajowhite {
    background-color: #ffdead
}

.contentEditorHtmlOutput .bg-blanchedalmond {
    background-color: #ffebcd
}

.contentEditorHtmlOutput .bg-papayawhip {
    background-color: #ffefd5
}

.contentEditorHtmlOutput .bg-moccasin {
    background-color: #ffe4b5
}

.contentEditorHtmlOutput .bg-orange {
    background-color: orange
}

.contentEditorHtmlOutput .bg-wheat {
    background-color: wheat
}

.contentEditorHtmlOutput .bg-oldlace {
    background-color: oldlace
}

.contentEditorHtmlOutput .bg-floralwhite {
    background-color: #fffaf0
}

.contentEditorHtmlOutput .bg-darkgoldenrod {
    background-color: #b8860b
}

.contentEditorHtmlOutput .bg-goldenrod {
    background-color: #daa520
}

.contentEditorHtmlOutput .bg-cornsilk {
    background-color: #fff8dc
}

.contentEditorHtmlOutput .bg-gold {
    background-color: gold
}

.contentEditorHtmlOutput .bg-lemonchiffon {
    background-color: #fffacd
}

.contentEditorHtmlOutput .bg-khaki {
    background-color: khaki
}

.contentEditorHtmlOutput .bg-palegoldenrod {
    background-color: #eee8aa
}

.contentEditorHtmlOutput .bg-darkkhaki {
    background-color: #bdb76b
}

.contentEditorHtmlOutput .bg-beige {
    background-color: beige
}

.contentEditorHtmlOutput .bg-lightgoldenrodyellow {
    background-color: #fafad2
}

.contentEditorHtmlOutput .bg-olive {
    background-color: olive
}

.contentEditorHtmlOutput .bg-ivory {
    background-color: ivory
}

.contentEditorHtmlOutput .bg-lightyellow {
    background-color: #ffffe0
}

.contentEditorHtmlOutput .bg-yellow {
    background-color: #ff0
}

.contentEditorHtmlOutput .bg-olivedrab {
    background-color: #6b8e23
}

.contentEditorHtmlOutput .bg-yellowgreen {
    background-color: #9acd32
}

.contentEditorHtmlOutput .bg-darkolivegreen {
    background-color: #556b2f
}

.contentEditorHtmlOutput .bg-greenyellow {
    background-color: #adff2f
}

.contentEditorHtmlOutput .bg-chartreuse {
    background-color: #7fff00
}

.contentEditorHtmlOutput .bg-lawngreen {
    background-color: #7cfc00
}

.contentEditorHtmlOutput .bg-darkseagreen {
    background-color: #8fbc8f
}

.contentEditorHtmlOutput .bg-forestgreen {
    background-color: #228b22
}

.contentEditorHtmlOutput .bg-limegreen {
    background-color: #32cd32
}

.contentEditorHtmlOutput .bg-lightgreen {
    background-color: #90ee90
}

.contentEditorHtmlOutput .bg-palegreen {
    background-color: #98fb98
}

.contentEditorHtmlOutput .bg-green {
    background-color: green
}

.contentEditorHtmlOutput .bg-lime {
    background-color: lime
}

.contentEditorHtmlOutput .bg-darkgreen {
    background-color: #006400
}

.contentEditorHtmlOutput .bg-honeydew {
    background-color: #f0fff0
}

.contentEditorHtmlOutput .bg-seagreen {
    background-color: #2e8b57
}

.contentEditorHtmlOutput .bg-mediumseagreen {
    background-color: #3cb371
}

.contentEditorHtmlOutput .bg-springgreen {
    background-color: #00ff7f
}

.contentEditorHtmlOutput .bg-mintcream {
    background-color: #f5fffa
}

.contentEditorHtmlOutput .bg-mediumspringgreen {
    background-color: #00fa9a
}

.contentEditorHtmlOutput .bg-mediumaquamarine {
    background-color: #66cdaa
}

.contentEditorHtmlOutput .bg-aquamarine {
    background-color: #7fffd4
}

.contentEditorHtmlOutput .bg-turquoise {
    background-color: #40e0d0
}

.contentEditorHtmlOutput .bg-lightseagreen {
    background-color: #20b2aa
}

.contentEditorHtmlOutput .bg-mediumturquoise {
    background-color: #48d1cc
}

.contentEditorHtmlOutput .bg-darkslategray,.contentEditorHtmlOutput .bg-darkslategrey {
    background-color: #2f4f4f
}

.contentEditorHtmlOutput .bg-paleturquoise {
    background-color: #afeeee
}

.contentEditorHtmlOutput .bg-aqua {
    background-color: aqua
}

.contentEditorHtmlOutput .bg-darkcyan {
    background-color: #008b8b
}

.contentEditorHtmlOutput .bg-azure {
    background-color: azure
}

.contentEditorHtmlOutput .bg-cyan {
    background-color: cyan
}

.contentEditorHtmlOutput .bg-lightcyan {
    background-color: #e0ffff
}

.contentEditorHtmlOutput .bg-teal {
    background-color: teal
}

.contentEditorHtmlOutput .bg-darkturquoise {
    background-color: #00ced1
}

.contentEditorHtmlOutput .bg-cadetblue {
    background-color: #5f9ea0
}

.contentEditorHtmlOutput .bg-powderblue {
    background-color: #b0e0e6
}

.contentEditorHtmlOutput .bg-lightblue {
    background-color: #add8e6
}

.contentEditorHtmlOutput .bg-deepskyblue {
    background-color: #00bfff
}

.contentEditorHtmlOutput .bg-skyblue {
    background-color: skyblue
}

.contentEditorHtmlOutput .bg-lightskyblue {
    background-color: #87cefa
}

.contentEditorHtmlOutput .bg-steelblue {
    background-color: #4682b4
}

.contentEditorHtmlOutput .bg-aliceblue {
    background-color: #f0f8ff
}

.contentEditorHtmlOutput .bg-dodgerblue {
    background-color: #1e90ff
}

.contentEditorHtmlOutput .bg-slategray,.contentEditorHtmlOutput .bg-slategrey {
    background-color: #708090
}

.contentEditorHtmlOutput .bg-lightslategray,.contentEditorHtmlOutput .bg-lightslategrey {
    background-color: #789
}

.contentEditorHtmlOutput .bg-lightsteelblue {
    background-color: #b0c4de
}

.contentEditorHtmlOutput .bg-cornflowerblue {
    background-color: #6495ed
}

.contentEditorHtmlOutput .bg-royalblue {
    background-color: #4169e1
}

.contentEditorHtmlOutput .bg-midnightblue {
    background-color: #191970
}

.contentEditorHtmlOutput .bg-lavender {
    background-color: #e6e6fa
}

.contentEditorHtmlOutput .bg-navy {
    background-color: navy
}

.contentEditorHtmlOutput .bg-mediumblue {
    background-color: #0000cd
}

.contentEditorHtmlOutput .bg-darkblue {
    background-color: #00008b
}

.contentEditorHtmlOutput .bg-ghostwhite {
    background-color: #f8f8ff
}

.contentEditorHtmlOutput .bg-blue {
    background-color: blue
}

.contentEditorHtmlOutput .bg-slateblue {
    background-color: #6a5acd
}

.contentEditorHtmlOutput .bg-darkslateblue {
    background-color: #483d8b
}

.contentEditorHtmlOutput .bg-mediumslateblue {
    background-color: #7b68ee
}

.contentEditorHtmlOutput .bg-mediumpurple {
    background-color: #9370db
}

.contentEditorHtmlOutput .bg-rebeccapurple {
    background-color: #639
}

.contentEditorHtmlOutput .bg-blueviolet {
    background-color: #8a2be2
}

.contentEditorHtmlOutput .bg-indigo {
    background-color: indigo
}

.contentEditorHtmlOutput .bg-darkorchid {
    background-color: #9932cc
}

.contentEditorHtmlOutput .bg-darkviolet {
    background-color: #9400d3
}

.contentEditorHtmlOutput .bg-mediumorchid {
    background-color: #ba55d3
}

.contentEditorHtmlOutput .bg-thistle {
    background-color: thistle
}

.contentEditorHtmlOutput .bg-plum {
    background-color: plum
}

.contentEditorHtmlOutput .bg-violet {
    background-color: violet
}

.contentEditorHtmlOutput .bg-fuchsia {
    background-color: #f0f
}

.contentEditorHtmlOutput .bg-darkmagenta {
    background-color: #8b008b
}

.contentEditorHtmlOutput .bg-purple {
    background-color: purple
}

.contentEditorHtmlOutput .bg-magenta {
    background-color: #f0f
}

.contentEditorHtmlOutput .bg-orchid {
    background-color: orchid
}

.contentEditorHtmlOutput .bg-mediumvioletred {
    background-color: #c71585
}

.contentEditorHtmlOutput .bg-deeppink {
    background-color: #ff1493
}

.contentEditorHtmlOutput .bg-hotpink {
    background-color: hotpink
}

.contentEditorHtmlOutput .bg-lavenderblush {
    background-color: #fff0f5
}

.contentEditorHtmlOutput .bg-palevioletred {
    background-color: #db7093
}

.contentEditorHtmlOutput .bg-crimson {
    background-color: crimson
}

.contentEditorHtmlOutput .bg-pink {
    background-color: pink
}

.contentEditorHtmlOutput .bg-lightpink {
    background-color: #ffb6c1
}

.contentEditorHtmlOutput .bg-white {
    background-color: #fff
}

.contentEditorHtmlOutput .bg-whitesmoke {
    background-color: #f5f5f5
}

.contentEditorHtmlOutput .bg-gainsboro {
    background-color: #dcdcdc
}

.contentEditorHtmlOutput .bg-lightgray,.contentEditorHtmlOutput .bg-lightgrey {
    background-color: #d3d3d3
}

.contentEditorHtmlOutput .bg-silver {
    background-color: silver
}

.contentEditorHtmlOutput .bg-darkgray,.contentEditorHtmlOutput .bg-darkgrey {
    background-color: #a9a9a9
}

.contentEditorHtmlOutput .bg-grey {
    background-color: grey
}

.contentEditorHtmlOutput .bg-gray {
    background-color: gray
}

.contentEditorHtmlOutput .bg-dimgrey {
    background-color: dimgrey
}

.contentEditorHtmlOutput .bg-dimgray {
    background-color: dimgray
}

.contentEditorHtmlOutput .bg-black {
    background-color: #000
}

.contentEditorHtmlOutput blockquote {
    color: rgba(0,0,0,.5);
    padding-left: 1.5em;
    border-left: 5px solid rgba(0,0,0,.1)
}

.app--dark .layout__panel--editor .contentEditorHtmlOutput blockquote,.app--dark .layout__panel--preview .contentEditorHtmlOutput blockquote {
    color: hsla(0,0%,100%,.4);
    border-left-color: hsla(0,0%,100%,.1)
}

.contentEditorHtmlOutput ol ol,.contentEditorHtmlOutput ol ul,.contentEditorHtmlOutput ul ol,.contentEditorHtmlOutput ul ul {
    margin: 0
}

.contentEditorHtmlOutput h1,.contentEditorHtmlOutput h2,.contentEditorHtmlOutput h3,.contentEditorHtmlOutput h4,.contentEditorHtmlOutput h5,.contentEditorHtmlOutput h6 {
    margin: 1.8em 0;
    line-height: 1.33
}

.contentEditorHtmlOutput h1:after,.contentEditorHtmlOutput h2:after {
    content: "";
    display: block;
    position: relative;
    top: .33em;
    border-bottom: 1px solid hsla(0,0%,50%,.33)
}

.contentEditorHtmlOutput dt {
    font-weight: 700
}

.contentEditorHtmlOutput b,.contentEditorHtmlOutput strong {
    font-weight: bolder
}

.contentEditorHtmlOutput h1 {
    font-size: 2em
}

.contentEditorHtmlOutput h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: .83em;
    margin-block-end: .83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700
}

.contentEditorHtmlOutput .prism *,.contentEditorHtmlOutput .token.pre.gfm * {
    font-weight: inherit!important
}

.contentEditorHtmlOutput .prism .token.cdata,.contentEditorHtmlOutput .prism .token.comment,.contentEditorHtmlOutput .prism .token.doctype,.contentEditorHtmlOutput .prism .token.prolog,.contentEditorHtmlOutput .token.pre.gfm .token.cdata,.contentEditorHtmlOutput .token.pre.gfm .token.comment,.contentEditorHtmlOutput .token.pre.gfm .token.doctype,.contentEditorHtmlOutput .token.pre.gfm .token.prolog {
    color: #708090
}

.contentEditorHtmlOutput .prism .token.punctuation,.contentEditorHtmlOutput .token.pre.gfm .token.punctuation {
    color: #999
}

.contentEditorHtmlOutput .prism .namespace,.contentEditorHtmlOutput .token.pre.gfm .namespace {
    opacity: .7
}

.contentEditorHtmlOutput .prism .token.boolean,.contentEditorHtmlOutput .prism .token.constant,.contentEditorHtmlOutput .prism .token.deleted,.contentEditorHtmlOutput .prism .token.number,.contentEditorHtmlOutput .prism .token.property,.contentEditorHtmlOutput .prism .token.symbol,.contentEditorHtmlOutput .prism .token.tag,.contentEditorHtmlOutput .token.pre.gfm .token.boolean,.contentEditorHtmlOutput .token.pre.gfm .token.constant,.contentEditorHtmlOutput .token.pre.gfm .token.deleted,.contentEditorHtmlOutput .token.pre.gfm .token.number,.contentEditorHtmlOutput .token.pre.gfm .token.property,.contentEditorHtmlOutput .token.pre.gfm .token.symbol,.contentEditorHtmlOutput .token.pre.gfm .token.tag {
    color: #905
}

.contentEditorHtmlOutput .prism .token.attr-name,.contentEditorHtmlOutput .prism .token.builtin,.contentEditorHtmlOutput .prism .token.char,.contentEditorHtmlOutput .prism .token.inserted,.contentEditorHtmlOutput .prism .token.selector,.contentEditorHtmlOutput .prism .token.string,.contentEditorHtmlOutput .token.pre.gfm .token.attr-name,.contentEditorHtmlOutput .token.pre.gfm .token.builtin,.contentEditorHtmlOutput .token.pre.gfm .token.char,.contentEditorHtmlOutput .token.pre.gfm .token.inserted,.contentEditorHtmlOutput .token.pre.gfm .token.selector,.contentEditorHtmlOutput .token.pre.gfm .token.string {
    color: #690
}

.contentEditorHtmlOutput .prism .language-css .token.string,.contentEditorHtmlOutput .prism .style .token.string,.contentEditorHtmlOutput .prism .token.entity,.contentEditorHtmlOutput .prism .token.operator,.contentEditorHtmlOutput .prism .token.url,.contentEditorHtmlOutput .token.pre.gfm .language-css .token.string,.contentEditorHtmlOutput .token.pre.gfm .style .token.string,.contentEditorHtmlOutput .token.pre.gfm .token.entity,.contentEditorHtmlOutput .token.pre.gfm .token.operator,.contentEditorHtmlOutput .token.pre.gfm .token.url {
    color: #a67f59
}

.contentEditorHtmlOutput .prism .token.atrule,.contentEditorHtmlOutput .prism .token.attr-value,.contentEditorHtmlOutput .prism .token.keyword,.contentEditorHtmlOutput .token.pre.gfm .token.atrule,.contentEditorHtmlOutput .token.pre.gfm .token.attr-value,.contentEditorHtmlOutput .token.pre.gfm .token.keyword {
    color: #07a
}

.contentEditorHtmlOutput .prism .token.function,.contentEditorHtmlOutput .token.pre.gfm .token.function {
    color: #dd4a68
}

.contentEditorHtmlOutput .prism .token.important,.contentEditorHtmlOutput .prism .token.regex,.contentEditorHtmlOutput .prism .token.variable,.contentEditorHtmlOutput .token.pre.gfm .token.important,.contentEditorHtmlOutput .token.pre.gfm .token.regex,.contentEditorHtmlOutput .token.pre.gfm .token.variable {
    color: #e90
}

.contentEditorHtmlOutput .prism .token.bold,.contentEditorHtmlOutput .prism .token.important,.contentEditorHtmlOutput .token.pre.gfm .token.bold,.contentEditorHtmlOutput .token.pre.gfm .token.important {
    font-weight: 500
}

.contentEditorHtmlOutput .prism .token.italic,.contentEditorHtmlOutput .token.pre.gfm .token.italic {
    font-style: italic
}

.contentEditorHtmlOutput .app--dark .layout__panel--editor,.contentEditorHtmlOutput .app--dark .layout__panel--preview {
    color: hsla(0,0%,100%,.75)
}

.contentEditorHtmlOutput code,.contentEditorHtmlOutput pre,.contentEditorHtmlOutput samp {
    font-family: Roboto Mono,Lucida Sans Typewriter,Lucida Console,monaco,Courrier,monospace;
    font-size: .85em
}

.contentEditorHtmlOutput code *,.contentEditorHtmlOutput pre *,.contentEditorHtmlOutput samp * {
    font-size: inherit
}

.contentEditorHtmlOutput code {
    background-color: rgba(0,0,0,.05);
    border-radius: 3px;
    padding: 2px 4px
}

.contentEditorHtmlOutput hr {
    border: 0;
    border-top: 1px solid hsla(0,0%,50%,.33);
    margin: 2em 0
}

.contentEditorHtmlOutput pre>code {
    background-color: rgba(0,0,0,.05);
    display: block;
    padding: .5em;
    -webkit-text-size-adjust: none;
    overflow-x: auto;
    white-space: pre
}

.contentEditorHtmlOutput .toc ul {
    padding-left: 20px
}

.contentEditorHtmlOutput table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.contentEditorHtmlOutput td,.contentEditorHtmlOutput th {
    border-right: 1px solid #dcdcdc;
    padding: 8px 12px
}

.contentEditorHtmlOutput td:last-child,.contentEditorHtmlOutput th:last-child {
    border-right: 0
}

.contentEditorHtmlOutput td {
    border-top: 1px solid #dcdcdc
}

.contentEditorHtmlOutput mark {
    background-color: #f8f840
}

.contentEditorHtmlOutput kbd {
    font-family: Lato,Helvetica Neue,Helvetica,sans-serif;
    background-color: #fff;
    border: 1px solid rgba(63,63,63,.25);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(63,63,63,.25);
    color: #333;
    display: inline-block;
    font-size: .8em;
    margin: 0 .1em;
    padding: .1em .6em;
    white-space: nowrap
}

.contentEditorHtmlOutput abbr[title] {
    border-bottom: 1px dotted #777;
    cursor: help
}

.contentEditorHtmlOutput img {
    max-width: 100%
}

.contentEditorHtmlOutput .task-list-item {
    list-style-type: none
}

.contentEditorHtmlOutput .task-list-item-checkbox {
    margin: 0 .2em 0 -1.3em
}

.contentEditorHtmlOutput .footnote {
    font-size: .8em;
    position: relative;
    top: -.25em;
    vertical-align: top
}

.contentEditorHtmlOutput .page-break-after {
    page-break-after: always
}

.contentEditorHtmlOutput .abc-notation-block {
    overflow-x: auto!important
}

.contentEditorHtmlOutput .preview__inner-2>:first-child>:first-child {
    margin-top: 0
}

.contentEditorHtmlOutput blockquote,.contentEditorHtmlOutput dl,.contentEditorHtmlOutput ol,.contentEditorHtmlOutput p,.contentEditorHtmlOutput pre,.contentEditorHtmlOutput ul {
    margin: 1.2em 0
}

.contentEditorHtmlOutput dir,.contentEditorHtmlOutput menu,.contentEditorHtmlOutput ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px
}

.contentEditorHtmlOutput li {
    border-bottom: 0
}

.contentEditorHtmlOutput blockquote p {
    float: none!important
}

.contentEditorHtmlOutput p {
    float: none!important;
    width: 100%!important
}

.contentEditorHtmlOutput ul li {
    list-style: disc;
    padding: 0;
    height: auto;
    line-height: 1.5
}

.contentEditorHtmlOutput input {
    height: auto!important
}

.contentEditorHtmlOutput .mermaid {
    font-size: 16px
}

.contentEditorHtmlOutput .mermaid svg {
    color: rgba(0,0,0,.75);
    width: 100%;
    max-width: 100%
}

.app--dark .contentEditorHtmlOutput .mermaid svg {
    color: hsla(0,0%,100%,.75)
}

.contentEditorHtmlOutput .mermaid svg * {
    font-family: Lato,Helvetica Neue,Helvetica,sans-serif
}

.contentEditorHtmlOutput .mermaid .mermaid .label {
    color: #333
}

.contentEditorHtmlOutput .mermaid .node circle,.contentEditorHtmlOutput .mermaid .node ellipse,.contentEditorHtmlOutput .mermaid .node polygon,.contentEditorHtmlOutput .mermaid .node rect {
    fill: #eee;
    stroke: #999;
    stroke-width: 1px
}

.contentEditorHtmlOutput .mermaid .node.clickable {
    cursor: pointer
}

.contentEditorHtmlOutput .mermaid .arrowheadPath {
    fill: #333
}

.contentEditorHtmlOutput .mermaid .edgePath .path {
    stroke: #666;
    stroke-width: 1.5px
}

.contentEditorHtmlOutput .mermaid .edgeLabel {
    background-color: #fff
}

.contentEditorHtmlOutput .mermaid .cluster rect {
    fill: #eaf2fb!important;
    stroke: #26a!important;
    stroke-width: 1px!important
}

.contentEditorHtmlOutput .mermaid .cluster text {
    fill: #333
}

.contentEditorHtmlOutput .mermaid div.mermaidTooltip {
    position: absolute;
    text-align: center;
    max-width: 200px;
    padding: 2px;
    font-family: trebuchet ms,verdana,arial;
    font-size: 12px;
    background: #eaf2fb;
    border: 1px solid #26a;
    border-radius: 2px;
    pointer-events: none;
    z-index: 100
}

.contentEditorHtmlOutput .mermaid .actor {
    stroke: #999;
    fill: #eee
}

.contentEditorHtmlOutput .mermaid text.actor {
    fill: #333;
    stroke: none
}

.contentEditorHtmlOutput .mermaid .actor-line {
    stroke: #666
}

.contentEditorHtmlOutput .mermaid .messageLine0 {
    marker-end: "url(#arrowhead)"
}

.contentEditorHtmlOutput .mermaid .messageLine0,.contentEditorHtmlOutput .mermaid .messageLine1 {
    stroke-width: 1.5;
    stroke-dasharray: "2 2";
    stroke: #333
}

.contentEditorHtmlOutput .mermaid #arrowhead {
    fill: #333
}

.contentEditorHtmlOutput .mermaid #crosshead path {
    fill: #333!important;
    stroke: #333!important
}

.contentEditorHtmlOutput .mermaid .messageText {
    fill: #333;
    stroke: none
}

.contentEditorHtmlOutput .mermaid .labelBox {
    stroke: #999;
    fill: #eee
}

.contentEditorHtmlOutput .mermaid .labelText,.contentEditorHtmlOutput .mermaid .loopText {
    fill: #fff;
    stroke: none
}

.contentEditorHtmlOutput .mermaid .loopLine {
    stroke-width: 2;
    stroke-dasharray: "2 2";
    marker-end: "url(#arrowhead)";
    stroke: #999
}

.contentEditorHtmlOutput .mermaid .note {
    stroke: #770;
    fill: #ffa
}

.contentEditorHtmlOutput .mermaid .noteText {
    fill: #000;
    stroke: none;
    font-family: trebuchet ms,verdana,arial;
    font-size: 14px
}

.contentEditorHtmlOutput .mermaid .section {
    stroke: none;
    opacity: .2
}

.contentEditorHtmlOutput .mermaid .section0,.contentEditorHtmlOutput .mermaid .section2 {
    fill: #80b3e6
}

.contentEditorHtmlOutput .mermaid .section1,.contentEditorHtmlOutput .mermaid .section3 {
    fill: #fff;
    opacity: .2
}

.contentEditorHtmlOutput .mermaid .sectionTitle0,.contentEditorHtmlOutput .mermaid .sectionTitle1,.contentEditorHtmlOutput .mermaid .sectionTitle2,.contentEditorHtmlOutput .mermaid .sectionTitle3 {
    fill: #333
}

.contentEditorHtmlOutput .mermaid .sectionTitle {
    text-anchor: start;
    font-size: 11px
}

.contentEditorHtmlOutput .mermaid .grid .tick {
    stroke: #e6e6e6;
    opacity: .3;
    shape-rendering: crispEdges
}

.contentEditorHtmlOutput .mermaid .grid path {
    stroke-width: 0
}

.contentEditorHtmlOutput .mermaid .today {
    fill: none;
    stroke: #d42;
    stroke-width: 2px
}

.contentEditorHtmlOutput .mermaid .task {
    stroke-width: 2
}

.contentEditorHtmlOutput .mermaid .taskText {
    text-anchor: middle;
    font-size: 11px
}

.contentEditorHtmlOutput .mermaid .taskTextOutsideRight {
    fill: #333;
    text-anchor: start;
    font-size: 11px
}

.contentEditorHtmlOutput .mermaid .taskTextOutsideLeft {
    fill: #333;
    text-anchor: end;
    font-size: 11px
}

.contentEditorHtmlOutput .mermaid .taskText0,.contentEditorHtmlOutput .mermaid .taskText1,.contentEditorHtmlOutput .mermaid .taskText2,.contentEditorHtmlOutput .mermaid .taskText3 {
    fill: #fff
}

.contentEditorHtmlOutput .mermaid .task0,.contentEditorHtmlOutput .mermaid .task1,.contentEditorHtmlOutput .mermaid .task2,.contentEditorHtmlOutput .mermaid .task3 {
    fill: #26a;
    stroke: #1a4d80
}

.contentEditorHtmlOutput .mermaid .taskTextOutside0,.contentEditorHtmlOutput .mermaid .taskTextOutside1,.contentEditorHtmlOutput .mermaid .taskTextOutside2,.contentEditorHtmlOutput .mermaid .taskTextOutside3 {
    fill: #333
}

.contentEditorHtmlOutput .mermaid .active0,.contentEditorHtmlOutput .mermaid .active1,.contentEditorHtmlOutput .mermaid .active2,.contentEditorHtmlOutput .mermaid .active3 {
    fill: #eee;
    stroke: #1a4d80
}

.contentEditorHtmlOutput .mermaid .activeText0,.contentEditorHtmlOutput .mermaid .activeText1,.contentEditorHtmlOutput .mermaid .activeText2,.contentEditorHtmlOutput .mermaid .activeText3 {
    fill: #333!important
}

.contentEditorHtmlOutput .mermaid .done0,.contentEditorHtmlOutput .mermaid .done1,.contentEditorHtmlOutput .mermaid .done2,.contentEditorHtmlOutput .mermaid .done3 {
    stroke: #666;
    fill: #bbb;
    stroke-width: 2
}

.contentEditorHtmlOutput .mermaid .doneText0,.contentEditorHtmlOutput .mermaid .doneText1,.contentEditorHtmlOutput .mermaid .doneText2,.contentEditorHtmlOutput .mermaid .doneText3 {
    fill: #333!important
}

.contentEditorHtmlOutput .mermaid .crit0,.contentEditorHtmlOutput .mermaid .crit1,.contentEditorHtmlOutput .mermaid .crit2,.contentEditorHtmlOutput .mermaid .crit3 {
    stroke: #b1361b;
    fill: #d42;
    stroke-width: 2
}

.contentEditorHtmlOutput .mermaid .activeCrit0,.contentEditorHtmlOutput .mermaid .activeCrit1,.contentEditorHtmlOutput .mermaid .activeCrit2,.contentEditorHtmlOutput .mermaid .activeCrit3 {
    stroke: #b1361b;
    fill: #eee;
    stroke-width: 2
}

.contentEditorHtmlOutput .mermaid .doneCrit0,.contentEditorHtmlOutput .mermaid .doneCrit1,.contentEditorHtmlOutput .mermaid .doneCrit2,.contentEditorHtmlOutput .mermaid .doneCrit3 {
    stroke: #b1361b;
    fill: #bbb;
    stroke-width: 2;
    cursor: pointer;
    shape-rendering: crispEdges
}

.contentEditorHtmlOutput .mermaid .activeCritText0,.contentEditorHtmlOutput .mermaid .activeCritText1,.contentEditorHtmlOutput .mermaid .activeCritText2,.contentEditorHtmlOutput .mermaid .activeCritText3,.contentEditorHtmlOutput .mermaid .doneCritText0,.contentEditorHtmlOutput .mermaid .doneCritText1,.contentEditorHtmlOutput .mermaid .doneCritText2,.contentEditorHtmlOutput .mermaid .doneCritText3 {
    fill: #333!important
}

.contentEditorHtmlOutput .mermaid .titleText {
    text-anchor: middle;
    font-size: 18px;
    fill: #333
}

.contentEditorHtmlOutput .mermaid g.classGroup text {
    fill: #999;
    stroke: none;
    font-family: trebuchet ms,verdana,arial;
    font-size: 10px
}

.contentEditorHtmlOutput .mermaid g.classGroup rect {
    fill: #eee;
    stroke: #999
}

.contentEditorHtmlOutput .mermaid g.classGroup line {
    stroke: #999;
    stroke-width: 1
}

.contentEditorHtmlOutput .mermaid .classLabel .box {
    stroke: none;
    stroke-width: 0;
    fill: #eee;
    opacity: .5
}

.contentEditorHtmlOutput .mermaid .classLabel .label {
    fill: #999;
    font-size: 10px
}

.contentEditorHtmlOutput .mermaid .relation {
    stroke: #999;
    stroke-width: 1;
    fill: none
}

.contentEditorHtmlOutput .mermaid #compositionEnd,.contentEditorHtmlOutput .mermaid #compositionStart {
    fill: #999;
    stroke: #999;
    stroke-width: 1
}

.contentEditorHtmlOutput .mermaid #aggregationEnd,.contentEditorHtmlOutput .mermaid #aggregationStart {
    fill: #eee;
    stroke: #999;
    stroke-width: 1
}

.contentEditorHtmlOutput .mermaid #dependencyEnd,.contentEditorHtmlOutput .mermaid #dependencyStart,.contentEditorHtmlOutput .mermaid #extensionEnd,.contentEditorHtmlOutput .mermaid #extensionStart {
    fill: #999;
    stroke: #999;
    stroke-width: 1
}

.contentEditorHtmlOutput .mermaid .branch-label,.contentEditorHtmlOutput .mermaid .commit-id,.contentEditorHtmlOutput .mermaid .commit-msg {
    fill: #d3d3d3;
    color: #d3d3d3
}

.contentEditorHtmlOutput h3 {
    font-size: 1.17em
}

.chapter-content .anticon {
    font-size: 12px!important
}

.chapter-content .chapter-modal {
    text-align: right;
    width: 420px;
    color: #108ee9;
    cursor: pointer
}

.chapter-content .chapter-modal button {
    height: 32px
}

.chapter-content .chapter-modal i {
    color: #108ee9;
    margin-right: 5px
}

.chapter-item {
    margin-bottom: 10px
}

.chapter-item i {
    font-weight: 500px
}

.chapter-item .icon-last-child {
    position: relative;
    color: #108ee9;
    float: right;
    top: -20px;
    right: 10px;
    margin-left: 10px;
    cursor: pointer
}

.chapter-item .icon-first-child {
    position: relative;
    float: left;
    left: 10px;
    bottom: -25px;
    z-index: 2;
    color: #108ee9
}

.chapter-item input {
    text-indent: 20px;
    font-size: 14px;
    color: #000;
    opacity: .75;
    font-weight: 500;
    padding-right: 70px
}

.chapter-item .section-item {
    padding: 0 0 0 40px
}

.chapter-add {
    color: #108ee9;
    text-align: right;
    margin-bottom: 10px;
    cursor: pointer
}

.chapterInfo-box {
    border: 1px solid #cdcdcd;
    padding: 20px;
    border-radius: 5px
}

.chapterInfo-box .chapter-title {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto 10px;
    max-width: 100px;
    white-space: nowrap
}

.chapterInfo-box .chapter-title i {
    margin-right: 5px;
    color: #108ee9
}

.chapterInfo-box .chapterInfo-btn {
    text-align: right
}

.chapterInfo-box .chapterInfo-btn button {
    margin-left: 10px
}

#vedio {
    display: flex
}

#vedio button {
    margin-left: 5px;
    background: #108ee9;
    color: #fff
}

#resource {
    display: flex
}

#resource button {
    margin-left: 5px;
    background: #108ee9;
    color: #fff
}

#pdf {
    display: flex
}

#pdf button {
    margin-left: 5px;
    background: #108ee9;
    color: #fff
}

#image {
    display: flex
}

#image button {
    margin-left: 5px;
    background: #108ee9;
    color: #fff
}

.ant-modal-body {
    min-width: 200px;
    max-height: 400px;
    overflow-y: auto
}

.apply-live a {
    text-decoration: none;
    color: #989a9c
}

.arrow {
    display: block;
    width: 20px;
    border-bottom: none!important;
    border-left: none!important;
    border-right: none!important;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-header:hover {
    background-color: #fafafa!important
}

.apply-live .wrap {
    background: #fff;
    width: 1200px;
    margin: 10px auto
}

.apply-live .wrap .head {
    text-align: center;
    line-height: 60px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    font-weight: 400;
    color: #373737;
    padding: 0 20px
}

.apply-live .wrap .welcome-apply {
    height: 300px;
    background: url(https://img.alicdn.com/tfs/TB1s15appOWBuNjy0FiXXXFxVXa-1200-129.png) no-repeat;
    background-size: contain;
    background-position: bottom
}

.apply-live .wrap .welcome-apply .txt {
    height: 275px;
    margin-top: 15px;
    background: url(https://img.alicdn.com/tfs/TB1HHucppOWBuNjy0FiXXXFxVXa-570-550.png) no-repeat;
    background-size: contain;
    background-position: bottom
}

.apply-live .footer {
    text-align: center;
    padding: 40px 0;
    background-color: #fff;
    height: unset
}

.apply-live .footer a {
    display: inline-block;
    padding: 0 38px;
    line-height: 32px;
    background: #006dbb;
    color: #fff;
    border-radius: 4px
}

.apply-live .wrap .message {
    text-align: center;
    color: #f25533;
    font-size: 12px;
    line-height: 40px
}

.apply-live .lecture-type {
    margin: 40px auto 20px;
    margin-right: 36px;
    width: 900px
}

.apply-live .live-content,.apply-live .person-content {
    width: 900px
}

.person-content .avatar,.person-content .avatar-uploader,.person-content .avatar-uploader-trigger {
    width: 120px;
    height: 100px
}

.person-content .avatar-uploader {
    display: block;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 10px
}

.person-content .avatar-uploader-trigger {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    color: #999
}

.person-content .avatar-uploader-trigger p {
    font-size: 14px
}

.apply-live .person-content {
    margin: 20px auto;
    margin-right: 20px
}

.apply-live .live-content {
    margin: 20px auto 40px;
    margin-right: 20px
}

.live-content .avatar,.live-content .avatar-uploader,.live-content .avatar-uploader-trigger {
    width: 120px;
    height: 100px
}

.live-content .avatar-uploader {
    display: block;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 10px
}

.live-content .avatar-uploader-trigger {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    color: #999
}

.live-content .avatar-uploader-trigger p {
    font-size: 14px
}

.apply-live .ant-form-item-control-wrapper {
    width: 740px;
    float: left
}

.apply-live .ant-form-item-label {
    width: 150px;
    float: left;
    text-align: right
}

.apply-live .ant-form-item-control-wrapper .ant-input,.apply-live .ant-form-item-control-wrapper .ant-select {
    width: 420px;
    float: left
}

.apply-live .ant-form-item-control-wrapper .ant-form-explain {
    float: left;
    line-height: 32px;
    padding-left: 10px;
    color: #f25533
}

.apply-live .ant-form-item-control-wrapper .has-error input {
    border-color: #f25533
}

.apply-live .ant-form-item-with-help {
    margin-bottom: 24px
}

.apply-live .define-tags {
    width: 420px;
    margin-left: 150px;
    margin-bottom: 20px
}

.apply-live .content .ant-form-item {
    margin-bottom: 20px
}

.apply-live .content .live-tags .ant-form-item,.apply-live .live-block .live-content>div:nth-child(4),.apply-live .live-block .live-content>div:nth-child(6),.apply-live .live-block .live-content>div:nth-child(8),.apply-live .live-block .live-content>div:nth-child(10),.apply-live .live-block .live-content>div:nth-child(12),.apply-live .live-block .live-content>div:nth-child(14) {
    margin-bottom: 5px
}

.apply-live .define-tags .ant-tag {
    margin-top: 5px
}

.apply-info {
    font-size: 14px;
    color: #d5d5d5
}

.apply-info i {
    color: #108ee9;
    font-weight: 500;
    margin-right: 10px
}

.apply-info p {
    width: 420px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.apply-info .section-info {
    padding-left: 20px
}

.apply-info .section-info p {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ant-upload-list-item,.ant-upload-list-item-done {
    width: 420px
}

.resource-tip {
    position: absolute;
    display: none;
    top: 30px;
    color: #f25533
}

.content .ant-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header .arrow,:root .ant-collapse>.ant-collapse-item>.ant-collapse-header[aria-expanded=true] .arrow {
    border: 0!important
}

#workspace {
    background: #f5f5f5;
    position: relative;
    margin-top: -10px
}

.learn-partner .no-content {
    min-height: 450px;
    padding-left: 20px
}

.learn-partner .static-banner {
    position: relative;
    background: url(https://img.alicdn.com/tfs/TB1nvVkxTtYBeNjy1XdXXXXyVXa-1440-328.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    height: 328px;
    text-align: center;
    padding-top: 90px;
    color: #fff
}

.learn-partner .static-banner .bg {
    opacity: .92
}

.learn-partner .static-banner .ban-content,.learn-partner .static-banner .bg {
    position: absolute;
    width: 100%;
    height: 328px;
    top: 0;
    left: 0
}

.learn-partner .static-banner .ban-content h1 {
    font-size: 30px;
    color: #fff
}

.learn-partner .static-banner .has-des.ban-content h1 {
    margin-top: 100px;
    margin-bottom: 20px
}

.learn-partner .static-banner .no-des.ban-content h1 {
    line-height: 328px
}

.learn-partner .static-banner .has-des.ban-content p {
    font-size: 18px;
    text-align: left;
    color: #fff;
    width: 1078px;
    letter-spacing: 1.12px;
    margin: 0 auto 30px;
    line-height: 28px;
    line-clamp: 4;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    min-height: 112px;
    max-height: 112px
}

.learn-partner .static-banner .no-des.ban-content p {
    display: none
}

.learn-partner .static-banner .content-wrap-p {
    line-height: 60px
}

.learn-partner .static-banner .content-wrap-p a {
    font-size: 16px;
    background: #263854;
    color: #7c8eab;
    line-height: 24px;
    padding: 20px 60px;
    border: 1px solid #263854;
    margin-left: 40px
}

.learn-partner .static-banner .content-wrap-p a:hover {
    border: 1px solid #01c1e0
}

.learn-partner .static-banner .content-wrap-p a:first-child {
    margin-left: 0
}

.learn-partner .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}

.learn-partner .wrap .content-wrap-p:after {
    content: "";
    display: block;
    clear: both
}

.learn-partner .wrap .partner-wrap li {
    box-sizing: border-box;
    position: relative;
    width: 23.75%;
    height: 330px;
    background: #fff;
    list-style: none;
    float: left;
    margin: 20px .833% 0
}

.learn-partner .wrap .partner-wrap li a {
    color: #373d41
}

.learn-partner .wrap .tab-wrap .tab-block-wrap li:first-child {
    height: 330px
}

.learn-partner .wrap .partner-wrap li:first-child,.learn-partner .wrap .partner-wrap li:nth-child(4n+1) {
    margin-left: 0
}

.learn-partner .wrap .partner-wrap li:nth-child(4n) {
    margin-right: 0
}

.learn-partner .wrap .partner-wrap:after {
    content: "";
    display: block;
    clear: both
}

.learn-partner .wrap .partner-wrap li i {
    display: inline-block;
    font-style: normal;
    line-height: 20px;
    border-radius: 24px;
    font-size: 12px;
    padding: 0 12px;
    margin: 10px 10px 5px;
    float: left;
    border: 1px solid
}

.learn-partner .wrap .partner-wrap li p:nth-child(2):after {
    content: "";
    display: block;
    clear: both
}

.learn-partner .wrap .partner-wrap li p.title {
    line-height: 24px;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.learn-partner .wrap .partner-wrap li.line-3 h2,.learn-partner .wrap .partner-wrap li.line-3 p.title {
    margin-bottom: 20px
}

.learn-partner .wrap .partner-wrap li h2 {
    font-size: 16px;
    color: #3c4246;
    text-align: left;
    font-weight: 550;
    margin: 8px 15px 0;
    line-height: 24px;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 72px;
    max-height: 72px
}

.learn-partner .wrap .partner-wrap li p:first-child {
    height: 10px;
    margin: 0
}

.learn-partner .wrap .partner-wrap li p:nth-child(2) {
    margin: 0
}

.learn-partner .wrap .partner-wrap li p {
    font-size: 14px;
    color: #777f84;
    line-height: 24px;
    text-align: center;
    margin: 0 15px
}

.learn-partner .wrap .partner-wrap li p.title {
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 10px
}

.learn-partner .wrap .partner-wrap li p.live-time {
    margin-bottom: 45px
}

.learn-partner .wrap .partner-wrap li p.tags {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #e3e3e3;
    left: 0;
    height: 60px
}

.learn-partner .wrap .partner-wrap li p.tags a {
    display: inline-block;
    border: 1px solid #e3e3e3;
    color: #777f84;
    font-size: 12px;
    width: 120px;
    line-height: 20px;
    margin-top: 12px;
    margin-left: 5px;
    border-radius: 24px
}

.learn-partner .wrap .partner-wrap li p.tags a:nth-child(2n-1) {
    margin-left: 0
}

.learn-partner .wrap .partner-wrap li p.tags a:hover {
    color: #fff;
    background: #00c1e2;
    border: 1px solid #00c1e2
}

.learn-partner .wrap .ant-pagination {
    padding: 20px 0
}

.content-wrap-p .tag-detail-pagination {
    float: right;
    margin-top: 10px;
    margin-right: 0
}

.workspace {
    position: relative;
    margin-top: -10px
}

.course-detail-content {
    width: 1200px;
    margin: 10px auto;
    border: 1px solid #f5f5f5;
    background-color: #fff
}

.course-detail-content .course-detail-top {
    padding: 20px;
    height: 150px
}

.course-detail-content .course-detail-top .title {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #373d41;
    letter-spacing: 0;
    line-height: 24px
}

.course-detail-content .course-detail-top .info {
    position: relative;
    bottom: 0;
    top: 70px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777f84;
    letter-spacing: 0;
    line-height: 35px;
    display: flex
}

.course-detail-content .course-detail-top .info .info-right {
    flex: 1;
    text-align: right
}

.course-detail-content .course-detail-top .info .info-right .join {
    background: #00c1de;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-left: 10px;
    cursor: pointer
}

.course-detail-content .course-detail-top .info .info-right .join a {
    color: #fff;
    margin: 0 4px;
    padding: 10px
}

.course-detail-content .course-content {
    margin: 10px 20px;
    border-top: 1px dotted #e9e9e9
}

.course-detail-content .course-content .content-top {
    padding: 20px
}

.course-detail-content .course-content .content-top .item-title {
    font-size: 14px;
    color: #373d41;
    font-weight: 600;
    border-left: 2px solid #00c1de;
    text-indent: 10px;
    line-height: 14px
}

.course-detail-content .course-content .content-top .item-text {
    font-size: 14px;
    color: #777f84;
    letter-spacing: 0;
    line-height: 24px;
    margin: 10px;
    word-break: break-all
}

.course-detail-content .course-content .content-mid {
    padding: 20px;
    border-top: 1px dotted #e9e9e9
}

.course-detail-content .course-content .content-mid .item-title {
    font-size: 14px;
    color: #373d41;
    font-weight: 600;
    border-left: 2px solid #00c1de;
    text-indent: 10px;
    line-height: 14px
}

.course-detail-content .course-content .content-mid .item-info {
    margin: 10px;
    display: flex
}

.course-detail-content .course-content .content-mid .item-info .info-img {
    width: 224px;
    height: 128px
}

.course-detail-content .course-content .content-mid .item-info .item-text {
    font-size: 14px;
    color: #777f84;
    line-height: 24px;
    margin-left: 20px;
    text-indent: 10px
}

.course-detail-content .course-content .content-bot {
    padding: 20px;
    border-top: 1px dotted #e9e9e9
}

.course-detail-content .course-content .content-bot .item-title {
    font-size: 14px;
    color: #373d41;
    font-weight: 600;
    border-left: 2px solid #00c1de;
    text-indent: 10px;
    line-height: 14px
}

.course-detail-content .course-content .content-bot .course-list {
    margin-top: 8px
}

.course-detail-content .course-content .content-bot .course-list .list-title {
    font-size: 14px;
    color: #373d41;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 600;
    display: flex
}

.course-detail-content .course-content .content-bot .course-list .list-title .title-text {
    text-indent: 10px
}

.course-detail-content .course-content .content-bot .course-list .list-title .app-icon {
    line-height: inherit
}

.course-detail-content .course-content .content-bot .course-list .list-title .chapter-icon {
    width: 15px;
    height: 15px;
    background: url(https://img.alicdn.com/tfs/TB1NKtVvH1YBuNjSszeXXablFXa-10-10.png) no-repeat bottom;
    display: inline-block;
    vertical-align: baseline;
    margin-top: 5px
}

.course-detail-content .course-content .content-bot .course-list .list-item {
    display: flex;
    line-height: 40px;
    font-size: 14px;
    color: #777f84;
    letter-spacing: 0;
    padding-left: 15px
}

.course-detail-content .course-content .content-bot .course-list .list-item .list-item-link {
    color: #777f84
}

.course-detail-content .course-content .content-bot .course-list .list-item .dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #fff;
    margin-top: 15px;
    border: 1.5px solid #00c1de
}

.course-detail-content .course-content .content-bot .course-list .list-item .dot-full {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #00c1de;
    margin-top: 15px
}

.course-detail-content .course-content .content-bot .course-list .list-item .pie {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    border-radius: 50%;
    background: #eee;
    background-image: linear-gradient(90deg,transparent 0,#00c1de 0)
}

.course-detail-content .course-content .content-bot .course-list .list-item .pie:before {
    content: "";
    display: block;
    margin-left: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0/50%;
    background-color: inherit;
    transform-origin: left;
    transform: rotate(160deg)
}

.course-detail-content .course-content .content-bot .course-list .list-item .graph-title {
    margin-left: 10px;
    flex: 1;
    cursor: pointer
}

.course-detail-content .course-content .content-bot .course-list .list-item .graph-title:hover {
    color: #00c1de
}

.course-detail-content .course-content .content-bot .course-list .list-item .graph-time {
    padding: 0 10px
}

.course-detail-content .course-content .content-bot .course-list .list-item .play-icon {
    line-height: inherit;
    display: inline-block;
    width: 30px;
    height: 40px;
    vertical-align: middle;
    background: url(https://img.alicdn.com/tfs/TB1WzyWvNWYBuNjy1zkXXXGGpXa-22-22.png) no-repeat 50%;
    border: 0
}

.course-detail-content .course-content .content-apply {
    padding: 30px 20px;
    border-top: 1px dotted #e9e9e9;
    display: flex
}

.course-detail-content .course-content .content-apply .item-title {
    font-size: 14px;
    color: #373d41;
    font-weight: 600;
    border-left: 2px solid #00c1de;
    text-indent: 10px;
    line-height: 21px
}

.course-detail-content .course-content .content-apply .apply-tags {
    font-size: 14px;
    color: #777f84
}

.course-detail-content .course-content .content-apply .apply-tags span {
    padding: 5px 10px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-right: 10px
}

.course-detail-content .course-content .content-join {
    padding: 30px 20px;
    border-top: 1px dotted #e9e9e9
}

.course-detail-content .course-content .content-join .join {
    background: #00c1de;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-left: 10px;
    cursor: pointer
}

.course-detail-content .course-content .content-join .join a {
    color: #fff;
    margin: 0 4px;
    padding: 10px;
    font-size: 14px
}

.course-detail-content .course-content .content-join .watch {
    font-size: 14px;
    color: #a9b0b4;
    letter-spacing: 0;
    padding: 10px
}

#main {
    top: -20px
}

.app-wrapper {
    padding-bottom: 20px
}

.course-time-content {
    width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    overflow: hidden
}

.course-time-content .course-time-title {
    padding: 10px
}

.course-time-content .timeLine-content {
    border-top: 1px solid #f9f9f9;
    padding: 20px 40px;
    min-height: 500px
}

.course-time-content .timeLine-content .nodata {
    font-size: 16px;
    margin-top: 20px
}

.course-time-content .timeLine-content .month-select {
    width: 100px;
    margin-bottom: 20px
}

.course-time-content .timeLine-content .month-select .ant-select-sm .ant-select-selection--single {
    background: #00c1de;
    color: #fff;
    height: 28px;
    border: none;
    border-radius: inherit
}

.course-time-content .timeLine-content .month-select .ant-select-sm .ant-select-selection--single .ant-select-arrow {
    color: #fff
}

.course-time-content .timeLine-content .month-select .ant-select-sm .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 26px
}

.course-time-content .timeLine-content .month-select .ant-select-sm .ant-select-selection--single .ant-select-selection__rendered .ant-select-selection-selected-value {
    width: 100%;
    text-align: center
}

.course-time-content .timeLine-content .ant-timeline-item-tail {
    border-left: 2px solid #00c1de
}

.course-time-content .timeLine-content .ant-timeline-item-last .ant-timeline-item-tail {
    display: block
}

.course-time-content .timeLine-content .ant-timeline-item-head-custom {
    left: 0;
    padding: 0
}

.course-time-content .timeLine-content .history {
    width: 12px;
    height: 12px;
    background-color: #00c1de;
    border-radius: 100px;
    border: 2px solid transparent;
    border-color: #00c1de;
    color: #00c1de
}

.course-time-content .timeLine-content .date {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #373d41;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0 0 20px
}

.course-time-content .timeLine-content .detail:hover {
    color: #00c1de;
    background: #f5f5f5
}

.course-time-content .timeLine-content .detail {
    display: inline-flex;
    color: rgba(0,0,0,.5);
    font-family: PingFangSC-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px;
    cursor: pointer;
    padding: 5px 0
}

.course-time-content .timeLine-content .detail .time {
    width: 100px
}

.course-time-content .timeLine-content .detail .title {
    width: 423px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-time-content .timeLine-content .detail .author {
    width: 290px;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-time-content .timeLine-content .detail .check {
    border: 1px solid #00c1de;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #00c1de;
    letter-spacing: 0;
    line-height: 28px;
    width: 72px;
    margin-left: 120px;
    height: 28px;
    text-align: center;
    cursor: pointer
}

.course-time-content .timeLine-content .detail .check:hover {
    color: #fff;
    background: #00c1de
}

.ant-select-dropdown-menu::-webkit-scrollbar {
    width: 4px
}

.ant-select-dropdown-menu::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 2em
}

.ant-select-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #00c1de;
    border-radius: 2em
}

#main {
    min-width: 1200px;
    position: relative;
    margin-top: 20px;
    margin-bottom: -20px
}

.ant-fullcalendar-selected-day div {
    background-color: #00c1de!important
}

.ant-pagination {
    display: inline-flex;
    margin-right: 20px
}

.recommend {
    background-color: #f5f5f5;
    padding: 10px 0
}

.recommend a {
    text-decoration: none;
    color: #989a9c
}

.recommend .wrap {
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    width: 1200px;
    margin: 0 auto
}

.recommend .wrap .head {
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9
}

.recommend .wrap .head a {
    padding-left: 20px
}

.recommend .footer {
    text-align: center;
    padding-bottom: 40px;
    background-color: #fff;
    height: unset
}

.recommend .footer a {
    display: inline-block;
    padding: 0 38px;
    line-height: 32px;
    background: #006dbb;
    border-radius: 4px;
    color: #fff
}

.recommend .content {
    width: 900px;
    margin: 40px auto;
    margin-right: 20px
}

.recommend .ant-form-item-control-wrapper {
    width: 740px;
    float: left
}

.recommend .ant-form-item-label {
    font-size: 14px;
    width: 150px;
    float: left;
    text-align: right
}

.recommend .ant-form-item-control-wrapper .ant-input,.recommend .ant-form-item-control-wrapper .ant-select {
    width: 420px;
    float: left
}

.recommend .ant-form-item-control-wrapper .ant-form-explain {
    float: left;
    line-height: 32px;
    padding-left: 10px;
    color: #f25533
}

.recommend .ant-form-item-with-help {
    margin-bottom: 20px
}

.recommend .ant-form-item-control-wrapper .has-error input {
    border-color: #f25533
}

.recommend .define-tags {
    width: 420px;
    margin-left: 120px;
    margin-bottom: 20px
}

.recommend .define-tags span {
    margin-right: 3px
}

.recommend .content .ant-form-item,.recommend .content .ant-form-item:nth-child(3),.recommend .content .ant-form-item:nth-child(5),.recommend .content .ant-form-item:nth-child(7),.recommend .content .ant-form-item:nth-child(9),.recommend .content .ant-form-item:nth-child(11),.recommend .content .ant-form-item:nth-child(13) {
    margin-bottom: 20px
}

.recommend .define-tags .ant-tag {
    margin-top: 0
}

.app-wrapper {
    padding-bottom: 10px;
    padding-top: 10px
}

.learning {
    background-color: #f5f5f5
}

.learning .wrap {
    max-width: 1200px;
    margin: 0 auto
}

.learning .wrap .head-wrap a {
    color: #fff
}

.learning .wrap a {
    color: #202123
}

.learning .wrap ul.head-wrap {
    margin: 60px 0;
    text-align: center;
    color: #fff;
    background-size: cover
}

.learning .wrap ul.head-wrap:after {
    content: "";
    display: block;
    clear: both
}

.learning .wrap ul.head-wrap li {
    box-sizing: border-box;
    width: 33.333%;
    height: 200px;
    background: rgba(24,45,76,.8);
    float: left;
    list-style: none;
    border-left: 1px solid #54627e
}

.learning .wrap ul.head-wrap li:first-child {
    border-left: none
}

.learning .wrap ul.head-wrap li i {
    display: inline-block;
    font-style: normal;
    line-height: 24px;
    border-radius: 24px;
    font-size: 12px;
    padding: 0 12px;
    float: left
}

.learning .wrap ul.head-wrap li i.classroom {
    border: 1px solid #00deff;
    color: #00deff
}

.learning .wrap ul.head-wrap li i.live {
    border: 1px solid #ff9e53;
    color: #ff9e53
}

.learning .wrap ul.head-wrap li h2 {
    font-size: 18px;
    color: #fff;
    text-align: left
}

.learning .wrap ul.head-wrap li p {
    font-size: 16px
}

.learning .wrap ul.head-wrap li h2,.learning .wrap ul.head-wrap li p {
    margin: 0 60px 20px
}

.learning .wrap ul.head-wrap li p:first-child:after {
    content: "";
    display: block;
    clear: both
}

.learning .wrap ul.head-wrap li p:first-child {
    margin: 10px 10px 5px
}

.learning .wrap .catalog-learn {
    margin-top: 20px
}

.learning .wrap .catalog-learn:after,.learning .wrap .tab-wrap:after {
    content: "";
    display: block;
    clear: both
}

.learning .wrap .catalog-learn .left {
    box-sizing: border-box;
    width: 23.75%;
    height: 330px;
    list-style: none
}

.learning .wrap .ai-head-step {
    box-sizing: border-box;
    width: 60%;
    height: 330px;
    float: left;
    margin: 0 1.111%
}

.learning .wrap .catalog-learn-wrap li {
    box-sizing: border-box;
    width: 31.667%;
    height: 330px;
    background: #fff;
    list-style: none;
    float: left;
    margin: 0 1.111%
}

.learning .wrap .tab-wrap .tab-block-wrap li {
    box-sizing: border-box;
    width: 23.75%;
    height: 155px;
    background: #fff;
    list-style: none;
    float: left;
    margin: 0 .8333%
}

.learning .wrap .tab-wrap .tab-block-wrap li:first-child {
    height: 330px
}

.learning .wrap .catalog-learn-wrap li:first-child,.learning .wrap .tab-wrap .tab-block-wrap li:first-child {
    margin-left: 0
}

.learning .wrap .catalog-learn-wrap li:nth-child(3),.learning .wrap .tab-wrap .tab-block-wrap li:nth-child(4),.learning .wrap .tab-wrap .tab-block-wrap li:nth-child(6) {
    margin-right: 0
}

.learning .wrap .catalog-learn-wrap {
    margin-left: 25.417%
}

.learning .wrap .catalog-learn-wrap:after,.learning .wrap .tab-wrap .tab-block-wrap:after {
    content: "";
    display: block;
    clear: both
}

.learning .wrap .catalog-learn-wrap li i,.learning .wrap .tab-block-wrap li i {
    display: inline-block;
    font-style: normal;
    line-height: 20px;
    border-radius: 24px;
    font-size: 12px;
    padding: 0 12px;
    margin: 10px 10px 5px;
    float: left
}

.learning .wrap .catalog-learn-wrap li i.classroom,.learning .wrap .tab-block-wrap li i.classroom {
    border: 1px solid #00deff;
    color: #00deff
}

.learning .wrap .catalog-learn-wrap li i.live,.learning .wrap .tab-block-wrap li i.live {
    border: 1px solid #ff9e53;
    color: #ff9e53
}

.learning .wrap .catalog-learn-wrap li p:nth-child(2):after,.learning .wrap .tab-block-wrap li p:nth-child(2):after {
    content: "";
    display: block;
    clear: both
}

.learning .wrap .catalog-learn:first-child .left {
    background: #00c0ea url(https://img.alicdn.com/tfs/TB1ouRFouOSBuNjy0FdXXbDnVXa-285-328.png) no-repeat;
    text-align: center
}

.learning .wrap .catalog-learn:nth-child(2) .left {
    background: #6226ff url(https://img.alicdn.com/tfs/TB1Ko5Vpx9YBuNjy0FfXXXIsVXa-285-328.png) no-repeat;
    text-align: center
}

.learning .wrap .catalog-learn:nth-child(3) .left {
    background: #2f5ba7 url(https://img.alicdn.com/tfs/TB1YIKkpAyWBuNjy0FpXXassXXa-286-328.png) no-repeat;
    text-align: center
}

.learning .wrap .catalog-learn:nth-child(4) .left {
    background: #3c69ff url(https://img.alicdn.com/tfs/TB17PtjopOWBuNjy0FiXXXFxVXa-286-328.png) no-repeat;
    text-align: center
}

.learning .wrap .catalog-learn .left i {
    display: block;
    height: 80px;
    margin: 100px 0 5px
}

.learning .wrap .catalog-learn:first-child .left i {
    background: url(https://img.alicdn.com/tfs/TB1cb47oqmWBuNjy1XaXXXCbXXa-68-50.png) no-repeat;
    background-position: bottom
}

.learning .wrap .catalog-learn:nth-child(2) .left i {
    background: url(https://img.alicdn.com/tfs/TB1eHR7oqmWBuNjy1XaXXXCbXXa-66-74.png) no-repeat;
    background-position: bottom
}

.learning .wrap .catalog-learn:nth-child(3) .left i {
    background: url(https://img.alicdn.com/tfs/TB1ueOapuSSBuNjy0FlXXbBpVXa-97-64.png) no-repeat;
    background-position: bottom
}

.learning .wrap .catalog-learn:nth-child(4) .left i {
    background: url(https://img.alicdn.com/tfs/TB1opirppOWBuNjy0FiXXXFxVXa-76-78.png) no-repeat;
    background-position: bottom
}

.learning .wrap .catalog-learn .left p {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 36px;
    margin-bottom: 20px
}

.learning .wrap .catalog-learn .left a {
    font-size: 14px;
    color: #fff
}

.learning .wrap .catalog-learn-wrap li h2 {
    margin: 0 15px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    min-height: 50px;
    max-height: 50px;
    margin-bottom: 22px
}

.learning .wrap .catalog-learn-wrap li h2,.learning .wrap .tab-block-wrap li h2 {
    font-size: 18px;
    color: #3c4246;
    text-align: left;
    font-weight: 550;
    line-height: 24px;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.learning .wrap .tab-block-wrap li h2 {
    margin: 0 15px 10px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    min-height: 24px;
    max-height: 24px
}

.learning .wrap .tab-block-wrap li:first-child h2 {
    font-size: 18px;
    color: #3c4246;
    text-align: left;
    font-weight: 550;
    margin: 40px 15px 35px;
    line-height: 24px;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 48px;
    max-height: 48px
}

.learning .wrap .catalog-learn-wrap li p:first-child,.learning .wrap .tab-block-wrap li p:first-child {
    height: 10px;
    margin: 0
}

.learning .wrap .catalog-learn:first-child .catalog-learn-wrap li p:first-child {
    background: linear-gradient(90deg,#33e8f8,#00d2fe)
}

.learning .wrap .catalog-learn:nth-child(2) .catalog-learn-wrap li p:first-child {
    background: linear-gradient(90deg,#af67ff,#815dff)
}

.learning .wrap .catalog-learn:nth-child(3) .catalog-learn-wrap li p:first-child {
    background: linear-gradient(90deg,#5289ed,#2e6cd5)
}

.learning .wrap .catalog-learn:nth-child(4) .catalog-learn-wrap li p:first-child {
    background: linear-gradient(90deg,#7185ff,#4773ff)
}

.learning .wrap .tab-block-wrap li p:first-child {
    background: linear-gradient(90deg,#5981c9,#1c4ca4)
}

.learning .wrap .catalog-learn-wrap li p:nth-child(2),.learning .wrap .tab-block-wrap li p:nth-child(2) {
    margin: 0
}

.learning .wrap .catalog-learn-wrap li p,.learning .wrap .tab-block-wrap li p {
    font-size: 14px;
    color: #777f84;
    line-height: 24px;
    text-align: center;
    margin: 0 15px
}

.learning .wrap .catalog-learn-wrap li p.title {
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 10px
}

.learning .wrap .tab-block-wrap li p.title {
    font-weight: 550;
    margin-bottom: 8px
}

.learning .wrap .tab-block-wrap li p.title:first-child {
    margin-bottom: 40px
}

.learning .wrap .catalog-learn-wrap li p.live-time {
    margin-bottom: 45px
}

.learning .wrap .catalog-learn-wrap li {
    position: relative
}

.learning .wrap .catalog-learn-wrap li p.tags {
    position: absolute;
    width: 100%;
    bottom: 15px;
    margin: 0;
    padding: 0 15px;
    height: 69px;
    border-top: 1px solid #e3e3e3
}

.learning .wrap .tab-wrap {
    margin-top: 40px
}

.learning .wrap .tab-wrap .left {
    background: #fff
}

.learning .wrap .tab-wrap .tab-block-wrap li:nth-child(6) {
    width: 49.167%
}

.learning .wrap .tab-wrap .tab-block-wrap li:nth-child(5),.learning .wrap .tab-wrap .tab-block-wrap li:nth-child(6) {
    margin-top: 20px
}

.learning #head-ems-block,.learning .operation,.learning .star-teacher {
    width: 1200px;
    margin: 0 auto
}

.learning .operation h2,.learning .wrap .star-teacher h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: 40px 0 15px
}

.learning .wrap .star-teacher .ems-block {
    height: 275px;
    background: #536473
}

.learning .operation-ems-block,.learning .teacher-ems-block {
    background: #f5f5f5
}

.learning .operation {
    padding-bottom: 60px
}

.learning .operation-banner {
    height: 100px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #f1f1f1
}

.learning .operation-item {
    width: 285px;
    height: 84px;
    background-color: #29ac64;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-top: 5px
}

.learning .operation-item:nth-child(4n) {
    margin-right: 0
}

.learning .operation-ems-block .learn-banner div {
    width: "285px";
    height: "84px";
    background-color: "#29ac64";
    text-align: "center"
}

.learning .operation-ems-block p {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 24px;
    padding-top: 38px;
    padding-bottom: 38px
}

.learning body,.learning h3,.learning p,.learning ul {
    margin: 0;
    padding: 0
}

.learning .learn-banner {
    height: 270px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.learning .learn-banner:hover span.row {
    display: block;
    cursor: pointer
}

.learning .drawer {
    width: 100%;
    position: absolute;
    left: 0;
    height: 270px
}

.learning .drawer:after {
    content: "";
    display: block;
    clear: both
}

.learning .drawer .teacher-div {
    position: relative;
    float: left;
    list-style: none;
    width: 224px;
    height: 270px;
    margin-left: 20px;
    box-sizing: border-box;
    background: #fff;
    text-align: center
}

.learning .drawer .teacher-div:first-child {
    margin-left: 0
}

.learning .drawer .teacher-div .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 15px 20px;
    background: rgba(0,0,0,.67);
    z-index: 2;
    display: none
}

.learning .drawer .teacher-div:hover .cover {
    display: block
}

.learning .drawer .teacher-div .cover p {
    color: #fff;
    font-size: 14px;
    font-weight: 300
}

.learning .drawer .teacher-div .cover a.more {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -34px;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    padding: 0 20px;
    background: #01c1de;
    color: #fff;
    text-decoration: none
}

.learning .drawer .teacher-div h3 {
    font-size: 16px;
    padding: 12px 10px 4px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 20px;
    max-height: 36px
}

.learning .drawer .teacher-div p.title {
    font-size: 14px;
    padding: 0 10px 5px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    min-height: 22px;
    max-height: 22px
}

.learning .drawer .teacher-div p.desc,.learning .drawer .teacher-div p.title {
    line-height: 22px;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.learning .drawer .teacher-div p.desc {
    font-size: 12px;
    padding: 0 10px;
    text-align: left;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    min-height: 66px;
    max-height: 66px
}

.learning .co-row,.learning .learn-banner span.row {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 25px;
    text-align: center;
    top: 50%;
    margin-top: -25px;
    display: none;
    z-index: 10;
    background: hsla(0,0%,50%,.27)
}

.learning .co-row i,.learning .learn-banner span.row i {
    display: inline-block;
    width: 25px;
    height: 50px
}

.learning #co-perv,.learning .learn-banner #row-left {
    left: 10px
}

.learning #co-perv i,.learning .learn-banner #row-left i {
    background: url(https://img.alicdn.com/tfs/TB1WDFupFGWBuNjy0FbXXb4sXXa-20-34.png) no-repeat;
    background-position: 50%;
    background-size: 10px 17px
}

.learning #co-next,.learning .learn-banner #row-right {
    right: 10px
}

.learning #co-next i,.learning .learn-banner #row-right i {
    background: url(https://img.alicdn.com/tfs/TB1AEFupFGWBuNjy0FbXXb4sXXa-20-34.png) no-repeat;
    background-position: 50%;
    background-size: 10px 17px
}

.learning .drawer .teacher-div ul.cover li {
    list-style: none;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    text-align: left;
    margin-top: 12px;
    line-height: 22px;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 22px;
    max-height: 44px
}

.learning .drawer .teacher-div ul.cover li:first-child {
    margin-top: 0
}

.learning .drawer .teacher-div ul.cover li a {
    color: #fff;
    text-decoration: none
}

.learning .drawer .teacher-div ul.cover li a:hover {
    color: #01c1de
}

.learning .wrap .catalog-learn-wrap li p.tags a {
    display: inline-block;
    border: 1px solid #e3e3e3;
    color: #777f84;
    width: 120px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
    margin-left: 5px;
    border-radius: 24px
}

.learning .wrap .catalog-learn-wrap li p.tags a:hover {
    color: #00deff;
    border: 1px solid #00deff
}

.learning .wrap .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
    margin-right: 0;
    border-right: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0
}

.learning .wrap .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:last-child {
    border-right: 1px solid #d9d9d9
}

.learning .wrap .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    border-top: 2px solid #00deff;
    color: #00deff;
    background: #f5f5f5
}

.learning .wrap .ant-tabs-nav .ant-tabs-tab:hover {
    color: #00deff
}

.learning .wrap .ant-tabs-bar {
    border-bottom: none;
    margin-bottom: 16px
}

.learning .wrap .ant-tabs {
    width: 915px
}

.learning .wrap .tab-head {
    position: relative
}

.learning .wrap .tag-more {
    position: absolute;
    right: 0;
    bottom: 16px;
    font-size: 12px;
    color: #777f84
}

.learning .wrap .tag-more:hover {
    color: #00c1de
}

.learning .wrap .date-wrap {
    width: 100%;
    margin: 20px auto
}

.learning .wrap .ant-fullcalendar-content {
    width: 300px;
    top: 40px;
    left: 0;
    bottom: auto;
    background: #fff;
    z-index: 1;
    display: none
}

.learning .wrap .action-learn:hover .ant-fullcalendar-content {
    display: block;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 30px 0 hsla(0,0%,85%,.4);
    padding: 10px
}

.learning .wrap .action-learn:hover .ant-fullcalendar-content:after,.learning .wrap .action-learn:hover .ant-fullcalendar-content:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    transform: roatte(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.learning .wrap .action-learn:hover .ant-fullcalendar-content:before {
    top: -6px;
    left: 14px;
    border-top: 10px solid #e3e3e3;
    border-right: 10px solid #fff
}

.learning .wrap .action-learn:hover .ant-fullcalendar-content:after {
    top: -4px;
    left: 14px
}

.learning .wrap .ant-fullcalendar-header-o {
    text-align: center;
    padding: 15px 0 0;
    line-height: 28px
}

.learning .wrap .ant-fullcalendar-header {
    padding: 0;
    line-height: 0
}

.learning .wrap .ant-fullcalendar-header .ant-fullcalendar-month-select,.learning .wrap .ant-fullcalendar-header .ant-fullcalendar-year-select,.learning .wrap .ant-fullcalendar-header .ant-radio-group {
    display: none
}

.learning .wrap .ant-fullcalendar {
    border-top: none
}

.learning .wrap .ant-fullcalendar-value {
    width: 26px;
    height: 26px;
    line-height: 26px
}

.learning .wrap .ant-fullcalendar-value:hover {
    background: #fff
}

.learning .wrap .action-learn .ant-fullcalendar-value {
    background: #ff8a00;
    color: #fff;
    border-radius: 26px
}

.learning .wrap .ant-fullcalendar-today .ant-fullcalendar-value {
    background: #006dbb;
    color: #fff;
    border-radius: 26px
}

.ant-popover-inner-content a {
    color: #00c1de
}

.ant-popover-inner-content a:hover {
    color: #00b7d3
}

.learning .wrap .action-learn .ant-fullcalendar-content li {
    text-align: left;
    font-size: 14px;
    line-height: 28px;
    line-clamp: 1;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 28px;
    max-height: 28px
}

.learning .wrap .action-learn .ant-fullcalendar-content li a {
    color: #777f84
}

.learning .wrap .action-learn .ant-fullcalendar-content li:hover a {
    color: #00c1de
}

.learning .wrap .ant-fullcalendar-today .ant-fullcalendar-value {
    box-shadow: none
}

.learning .wrap .date-wrap .calendar-learn .head,.learning .wrap .date-wrap .work-learn .head {
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 20px;
    font-size: 14px;
    color: #373d41
}

.learning .wrap .date-wrap .calendar-learn {
    width: 285px;
    height: 365px;
    background: #fff;
    font-size: 14px
}

.learning .wrap .date-wrap .work-learn {
    margin-left: 25.417%;
    height: 365px;
    background: #fff
}

.learning .wrap .date-wrap .work-learn .head a {
    float: right;
    color: #777f84;
    font-size: 12px
}

.learning .wrap .date-wrap .work-learn .head a:hover {
    color: #00c1de
}

.learning .wrap .date-wrap .work-learn .list {
    padding: 22px 20px
}

.learning .wrap .date-wrap .work-learn .list ul {
    border-left: 1px solid #00c1de
}

.learning .wrap .date-wrap .work-learn .list ul li {
    padding: 5px 0;
    font-size: 14px;
    line-height: 30px
}

.learning .wrap .date-wrap .work-learn .list ul li a {
    color: #777f84
}

.learning .wrap .date-wrap .work-learn .list ul li:after {
    content: "";
    display: inline-block;
    clear: both
}

.learning .wrap .date-wrap .work-learn .list ul li span:first-child i {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 12px;
    margin-left: -7px;
    margin-right: 20px
}

.learning .wrap .date-wrap .work-learn .list ul li span:first-child i.history {
    border: 1px solid #00c1de;
    background: #00c1de
}

.learning .wrap .date-wrap .work-learn .list ul li span:first-child i.future {
    border: 1px solid #00c1de;
    background: #fff
}

.learning .wrap .date-wrap .work-learn .list ul li span:nth-child(3) {
    width: 50%;
    line-height: 30px;
    line-clamp: 1;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 30px;
    max-height: 30px
}

.learning .wrap .date-wrap .work-learn .list ul li span {
    padding-right: 60px;
    line-height: 30px;
    float: left
}

.learning .wrap .date-wrap .work-learn .list ul li .en-style {
    padding-right: 0
}

.learning .wrap .date-wrap .work-learn .list ul li>span {
    float: right;
    padding-right: 0
}

.learning .wrap .date-wrap .work-learn .list ul li a.detail {
    display: inline-block;
    box-sizing: border-box;
    line-height: 28px;
    padding: 0 24px;
    border: 1px solid #00c1de;
    color: #00c1de;
    width: 100px;
    text-align: center
}

.learning .wrap .date-wrap .work-learn .list ul li:hover a {
    color: #00c1de
}

.learning .wrap .date-wrap .work-learn .list ul li:hover {
    background: #f7f7f7
}

.learning .wrap .date-wrap .work-learn .list ul li a.detail:hover {
    background: #00c1de;
    color: #fff
}

.learning .wrap .date-wrap .work-learn .list ul li span:first-child {
    width: 23%
}

ul li {
    list-style: none
}

.course-ai-nth-month {
    text-align: "center";
    width: 26;
    height: 26;
    color: rgba(0,0,0,.25)
}

.course-ai-current-date {
    background-color: "#00c0ea"
}

.course-ai-current-date,.course-ai-lessons-date {
    text-align: "center";
    width: 26;
    height: 26;
    border-radius: 26;
    color: "#fff";
    padding-top: 3
}

.course-ai-lessons-date {
    background-color: "#ff8a00"
}

.operation-ems-block .ant-carousel .slick-slide {
    text-align: center;
    width: 285px;
    height: 100%;
    line-height: 85px;
    overflow: hidden
}

.learning .static-banner {
    background: #182c4c url(https://img.alicdn.com/tfs/TB1HVm1oCtYBeNjSspaXXaOOFXa-894-380.png) no-repeat;
    background-position: top;
    height: 340px;
    text-align: center;
    padding-top: 90px;
    color: #fff
}

.learning .static-banner h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px
}

.learning .static-banner p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px
}

.learning .static-banner .content-wrap-tag {
    line-height: 60px
}

.learning .static-banner .content-wrap-tag a {
    font-size: 16px;
    background: #263854;
    color: #7c8eab;
    line-height: 24px;
    padding: 20px 60px;
    border: 1px solid #263854;
    margin-left: 40px
}

.learning .static-banner .content-wrap-tag a:hover {
    border: 1px solid #006dbb
}

.learning .static-banner .content-wrap-tag a:first-child {
    margin-left: 0
}

body,div,h3,p,ul {
    margin: 0;
    padding: 0
}

.learn-banner {
    height: 236px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.learn-banner:hover span.row {
    display: block;
    cursor: pointer
}

.learning .operation .learn-banner {
    height: 236px
}

.learning .operation .learn-banner .drawer {
    width: 1000%;
    position: absolute;
    left: 0;
    height: 236px
}

.drawer:after {
    content: "";
    display: block;
    clear: both
}

.drawer>li {
    position: relative;
    float: left;
    list-style: none;
    width: 236px;
    height: 236px;
    margin-left: 5px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    z-index: 0
}

.drawer>li:first-child {
    margin-left: 0
}

.learning .learn-banner .drawer>li h3 {
    padding: 0
}

.learning .learn-banner .drawer>li h3,.learning .learn-banner .drawer>li h3 a {
    font-size: 24px;
    text-align: center;
    line-height: 236px;
    min-height: 236px;
    max-height: 236px;
    color: #fff
}

.learning .learn-banner .drawer>li h3 a {
    display: inline-block;
    letter-spacing: 1.2px;
    width: 100%
}

.learning .learn-banner .drawer>li div {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    text-decoration: none
}

.learn-banner span.row i {
    display: inline-block;
    width: 25px;
    height: 50px
}

.learn-banner #row-left {
    left: 10px
}

.learn-banner #row-left i {
    background: url(https://img.alicdn.com/tfs/TB1WDFupFGWBuNjy0FbXXb4sXXa-20-34.png) no-repeat;
    background-position: 50%;
    background-size: 10px 17px
}

.learn-banner #row-right {
    right: 10px
}

.learn-banner #row-right i {
    background: url(https://img.alicdn.com/tfs/TB1AEFupFGWBuNjy0FbXXb4sXXa-20-34.png) no-repeat;
    background-position: 50%;
    background-size: 10px 17px
}

a,body,div,li,ul {
    padding: 0;
    margin: 0
}

.tree-wrap {
    width: 100%;
    font-family: MicrosoftYaHei
}

.learning {
    position: relative;
    margin-top: -10px
}

.tree {
    width: 100%;
    min-width: 1200px;
    max-width: 2560px;
    /*background: url(https://img.alicdn.com/tfs/TB1OxJNspYqK1RjSZLeXXbXppXa-2560-660.png) no-repeat 50%*/
}

.tree,.tree-main {
    position: relative;
    height: 660px;
    margin: 0 auto
}

.tree-main {
    width: 1200px;
    background: url(tree.png) no-repeat 50%;
    /*background: url(https://img.alicdn.com/tfs/TB1ALpdINSYBuNjSspjXXX73VXa-687-577.png) no-repeat 50%;*/
    background-position: 150px 30px
}

.tree-main .quikLearn {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%
}

.tree-main .quikLearn span {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    line-height: 32px
}

.tree-main>ul li {
    list-style: none
}

.tree-main>ul>li.l {
    position: absolute;
    right: 726px
}

.tree-main>ul>li.r {
    position: absolute;
    left: 462px
}

.tree-main>ul>li>div {
    display: table-cell;
    vertical-align: middle
}

.tree-main>ul>li .tree-branch {
    line-height: 18px;
    font-size: 0;
    letter-spacing: -3px
}

.tree-main>ul>li .tree-branch i,.tree-main>ul>li .tree-branch span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 0
}

.tree-main>ul>li .tree-branch span {
    border: 1px solid #00d9ff;
    color: #00d0f6;
    padding: 0 10px;
    border-radius: 9px
}

.tree-main>ul>li.l .tree-branch i:nth-child(2),.tree-main>ul>li.r .tree-branch i:nth-child(2) {
    width: 15px;
    height: 4px;
    background: #00c3e5
}

.tree-main>ul>li.l .tree-branch i:nth-child(2) {
    margin-right: -1px
}

.tree-main>ul>li.r .tree-branch i:nth-child(2) {
    margin-left: 0
}

.tree-main>ul>li.l .tree-branch i:last-child,.tree-main>ul>li.r .tree-branch i:first-child,.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>i,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>i,.tree-main>ul>li ul.tree-wrap>li>.menu>a>i {
    width: 12px;
    height: 12px;
    border-radius: 12px
}

.tree-main>ul>li.l .tree-branch.action i:last-child,.tree-main>ul>li.r .tree-branch.action i:first-child,.tree-main>ul>li ul.tree-wrap>li.action>.menu>a>i {
    background: #c1fbff;
    box-shadow: 0 1px 10px 0 #57d3ff
}

.tree-main>ul>li.l .tree-branch.coming i:last-child,.tree-main>ul>li.r .tree-branch.coming i:first-child,.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>i,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>i,.tree-main>ul>li ul.tree-wrap>li.coming>.menu>a>i {
    background: #00c3e5
}

.tree-main>ul>li .tree-content {
    position: relative;
    min-height: 33px
}

.tree-main>ul>li .tree-content>ul>li {
    margin-bottom: 10px;
    line-height: 18px
}

.tree-main>ul>li.l .tree-content>ul>li {
    float: right;
    margin-bottom: 0;
    line-height: 19px
}

.tree-main>ul>li.r .tree-content>ul>li {
    float: left;
    margin-bottom: 0;
    line-height: 19px
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>a,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>a,.tree-main>ul>li ul.tree-wrap li>.menu>a {
    display: inline-block;
    font-size: 12px;
    border-radius: 18px;
    padding: 0 10px;
    line-height: 18px;
    vertical-align: top;
    text-decoration: none
}

.tree-main>ul>li .tree-branch.action span,.tree-main>ul>li ul.tree-wrap li.action>.menu>a {
    background-image: linear-gradient(-180deg,#04c8ea,#79f6ff);
    border: 1px solid #00d9ff;
    color: #0a1b31
}
.tree-main>ul>li .tree-branch.action span.already {
    background-image: linear-gradient(-180deg,#f5994e,#f5dd4e);
    border: 1px solid #f5994e;
    color: #0a1b31
}
.tree-main>ul>li.l .tree-branch.action span {
    background-image: linear-gradient(90deg,#04c8ea,#79f6ff)
}
.tree-main>ul>li.l .tree-branch.action span.already {
    background-image: linear-gradient(90deg,#ffffff,#f5994e)
}
.tree-main>ul>li.r .tree-branch.action span {
    background-image: linear-gradient(-90deg,#04c8ea,#79f6ff)
}
.tree-main>ul>li.r .tree-branch.action span.already {
    background-image: linear-gradient(-90deg,#ffffff,#f5994e)
}
.tree-main>ul>li.l .tree-branch.action span:hover,.tree-main>ul>li.r .tree-branch.action span:hover,.tree-main>ul>li ul.tree-wrap li.action>.menu>a:hover {
    background: #79f5fe
}

.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>a,.tree-main>ul>li .tree-branch.coming span,.tree-main>ul>li ul.tree-wrap li.coming>.menu>a {
    border: 1px solid #00d9ff;
    color: #00d0f6
}

.tree-main>ul>li ul.tree-wrap li.coming>.menu:hover>a {
    border: 1px solid #00d9ff;
    background: #00d9ff;
    color: #072242
}

.tree-main>ul>li .tree-content>ul>li.action>a:hover {
    color: #79f5fe;
    border-bottom-color: #79f5fe
}

.tree-main>ul>li .tree-content>ul>li:last-child {
    margin-bottom: 0
}

.tree-main>ul>li .tree-content>div,.tree-main>ul>li .tree-content>ul {
    display: table-cell;
    min-height: 33px
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>i,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>i,.tree-main>ul>li .tree-content>div i {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    box-sizing: border-box
}

.tree-main>ul>li.l .tree-content>div {
    position: relative;
    width: 10px;
    border-right: 2px solid #00c3e5;
    box-sizing: border-box
}

.tree-main>ul>li.l .tree-content>div i:first-child {
    border-top: 2px solid #00c3e5;
    border-right: 2px solid #00c3e5;
    border-radius: 0 90%;
    right: -2px;
    top: -12px
}

.tree-main>ul>li.l .tree-content>div i:last-child {
    border-bottom: 2px solid #00c3e5;
    border-right: 2px solid #00c3e5;
    border-radius: 0 0 90%;
    right: -2px;
    bottom: -12px
}

.tree-main>ul>li.r .tree-content>div {
    position: relative;
    width: 10px;
    border-left: 2px solid #00c3e5;
    box-sizing: border-box
}

.tree-main>ul>li.r .tree-content>div i:first-child {
    border-top: 2px solid #00c3e5;
    border-left: 2px solid #00c3e5;
    border-radius: 90% 0;
    left: -2px;
    top: -12px
}

.tree-main>ul>li.r .tree-content>div i:last-child {
    border-bottom: 2px solid #00c3e5;
    border-left: 2px solid #00c3e5;
    border-radius: 0 90%;
    left: -2px;
    bottom: -12px
}

.tree-main>ul>li.tl {
    position: absolute;
    right: 620px
}

.tree-main>ul>li.tl-coming>div,.tree-main>ul>li.tl>div,.tree-main>ul>li.tr-coming>div,.tree-main>ul>li.tr>div {
    position: absolute;
    top: 1px;
    font-size: 14px;
    color: #00c3e5;
    white-space: nowrap
}

.tree-main>ul>li.tl-coming>div,.tree-main>ul>li.tl>div {
    right: 0;
    padding-right: 30px;
    line-height: 21px
}

.tree-main>ul>li.tr-coming>div,.tree-main>ul>li.tr>div {
    left: 305px;
    padding-left: 30px;
    line-height: 21px
}

.tree-main>ul>li.tl:nth-child(9)>div {
    top: 0;
    right: 287px
}

.tree-main>ul>li.tl-coming:nth-child(11)>div {
    top: 0;
    right: 241px
}

.tree-main>ul>li.tr-coming:nth-child(12)>div {
    left: 337px
}

.tree-main>ul>li.tl-coming:nth-child(13)>div {
    right: 283px
}

.tree-main>ul>li.tr-coming:nth-child(14)>div {
    left: 285px
}

.tree-main>ul>li.tl-coming:nth-child(15)>div {
    right: 164px
}

.tree-main>ul>li.tr-coming:nth-child(16)>div {
    left: 170px
}

.tree-main>ul>li.tl-coming>div>i,.tree-main>ul>li.tl>div>i,.tree-main>ul>li.tr-coming>div>i,.tree-main>ul>li.tr>div>i {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #00c3e5;
    border-radius: 18px;
    border: 2px solid #07213f;
    box-shadow: 0 0 0 1px #00c3e7;
    box-sizing: border-box
}

.tree-main>ul>li.tl-coming>div>i,.tree-main>ul>li.tl>div>i {
    top: 0;
    right: 0
}

.tree-main>ul>li.tr-coming>div>i,.tree-main>ul>li.tr>div>i {
    top: 0;
    left: 0
}

.tree-main>ul>li.tr-coming.action>div>i {
    background: #c1fbff;
    box-shadow: 0 1px 10px 0 #57d3ff
}

.tree-main>ul>li.tr-coming.action>div>a {
    color: #00c3e5;
    border-bottom: 1px solid #00d9ff
}

.tree-main>ul>li.tr-coming.action>div>a:hover {
    color: #79f5fe;
    border-bottom: 1px solid #79f5fe
}

.tree-main>ul>li.tr {
    position: absolute;
    left: 620px
}

.tree-main>ul>li ul.tree-wrap>li>.menu>a {
    position: relative
}

.tree-main>ul>li.tl ul.tree-wrap>li {
    float: right;
    list-style: none;
    margin-left: 10px;
    line-height: 20px
}

.tree-main>ul>li.tr ul.tree-wrap>li {
    float: left;
    list-style: none;
    margin-right: 10px;
    line-height: 20px
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>i,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>i,.tree-main>ul>li ul.tree-wrap>li>.menu>a>i {
    position: absolute;
    display: inline-block;
    left: 50%;
    margin-left: -6px;
    bottom: -18px
}

.tree-wrap>li .menu {
    position: relative
}

.tree-wrap>li .menu>div {
    position: absolute;
    left: 10px;
    top: 20px;
    padding-top: 22px;
    display: none
}

.tree-wrap>li .menu>div>ul {
    background: #00a9c6;
    border: 1px solid #99f2ff;
    padding: 10px 0
}

.tree-wrap>li .menu:hover>div {
    display: block
}

.tree-wrap>li .menu>div>ul>li {
    position: relative;
    line-height: 18px;
    list-style: none;
    padding: 0 10px
}

.tree-wrap>li .menu>div>ul>li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.tree-wrap>li .menu>div>ul>li:hover>a,.tree-wrap>li .menu>div>ul>li>div>ul>li:hover>a {
    color: #fffc00
}

.tree-wrap>li .menu>div>ul>li>div {
    padding-left: 2px;
    display: none;
    position: absolute;
    min-width: 100px;
    top: 0;
    left: 100%
}

.tree-wrap>li .menu>div>ul>li>div>ul {
    padding: 10px;
    background: #00a9c6;
    border: 1px solid #99f2ff
}

.tree-wrap>li .menu>div>ul>li>div>ul>li {
    list-style: none;
    line-height: 18px
}

.tree-wrap>li .menu>div>ul>li:hover>div {
    display: block
}

.tree-main>ul>li.tl-coming {
    position: absolute;
    right: 620px
}

.tree-main>ul>li.tr-coming {
    position: absolute;
    left: 620px
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li,.tree-main>ul>li.tr-coming ul.tree-wrap>li {
    float: left;
    list-style: none
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div {
    position: relative;
    width: 45px;
    height: 21px
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div>a,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div>a {
    border: 1px solid #00d9ff;
    color: #00d0f6;
    white-space: nowrap;
    display: none
}

.tree-main>ul>li:nth-child(11) ul.tree-wrap>li:nth-child(5)>div>a {
    margin-left: -12%
}

.tree-main>ul>li:nth-child(12) ul.tree-wrap>li:nth-child(6)>div {
    z-index: 2
}

.tree-main>ul>li:nth-child(12) ul.tree-wrap>li:nth-child(6)>div>a {
    margin-left: -160%
}

.tree-main>ul>li:nth-child(12) ul.tree-wrap>li:nth-child(7)>div {
    z-index: 3
}

.tree-main>ul>li:nth-child(12) ul.tree-wrap>li:nth-child(7)>div>a {
    margin-left: -350%
}

.tree-main>ul>li:nth-child(13) ul.tree-wrap>li:nth-child(6)>div {
    z-index: 2
}

.tree-main>ul>li:nth-child(13) ul.tree-wrap>li:nth-child(6)>div>a {
    margin-left: -80%
}

.tree-main>ul>li:nth-child(14) ul.tree-wrap>li:nth-child(6)>div {
    z-index: 2
}

.tree-main>ul>li:nth-child(14) ul.tree-wrap>li:nth-child(6)>div>a {
    margin-left: -40%
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div:hover>a,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div:hover>a {
    display: inline-block
}

.tree-main>ul>li.tl-coming ul.tree-wrap>li>div:hover>i,.tree-main>ul>li.tr-coming ul.tree-wrap>li>div:hover>i {
    background: #c1fbff;
    box-shadow: 0 1px 10px 0 #57d3ff
}

.tree-main>ul>li:first-child {
    bottom: 170px
}

.tree-main>ul>li:nth-child(2) {
    bottom: 215px
}

.tree-main>ul>li:nth-child(3) {
    bottom: 260px
}

.tree-main>ul>li:nth-child(4) {
    bottom: 305px
}

.tree-main>ul>li:nth-child(5) {
    bottom: 350px
}

.tree-main>ul>li:nth-child(6) {
    bottom: 394px
}

.tree-main>ul>li:nth-child(7) {
    bottom: 440px
}

.tree-main>ul>li:nth-child(8) {
    bottom: 485px
}

.tree-main>ul>li:nth-child(9) {
    bottom: 530px
}

.tree-main>ul>li:nth-child(10) {
    bottom: 575px
}

/*.tree-main>ul>li:nth-child(11) {*/
/*    bottom: 518px*/
/*}*/

/*.tree-main>ul>li:nth-child(12) {*/
/*    bottom: 531px*/
/*}*/

/*.tree-main>ul>li:nth-child(13) {*/
/*    bottom: 561px*/
/*}*/

/*.tree-main>ul>li:nth-child(14) {*/
/*    bottom: 576px*/
/*}*/

/*.tree-main>ul>li:nth-child(15) {*/
/*    bottom: 607px*/
/*}*/

/*.tree-main>ul>li:nth-child(16) {*/
/*    bottom: 621px*/
/*}*/

.tree-main .learn-info {
    position: absolute;
    bottom: 50px;
    left: 0
}

.tree-main .learn-info li {
    line-height: 22px;
    font-size: 12px;
    color: #00d9ff;
    list-style: none
}

.tree-main .learn-info li i {
    display: inline-block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    vertical-align: middle;
    margin-right: 4px
}

.tree-main .learn-info li.coming i {
    background: #00c3e5
}

.tree-main .learn-info li.action i {
    background: #c1fbff;
    box-shadow: 0 1px 10px 0 #57d3ff
}

.tree-main .learn-info li span {
    vertical-align: middle
}

.tree-main>ul>li .tree-content>ul>li>a {
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px solid #00d9ff;
    color: #00d0f6
}

.tree-main>ul>li.l .tree-content>ul>li>a {
    margin-right: 10px
}

.tree-main>ul>li.r .tree-content>ul>li>a {
    margin-left: 10px
}

.skill-tree-ems .tree-content-wrap {
    width: 1200px;
    margin: 20px auto 0
}

.skill-tree-ems .tree-content-wrap div:first-child {
    float: right
}

.skill-tree-ems .tree-content-wrap div {
    display: inline-block;
    width: 49.1667%;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    background: #00c1de
}

.skill-tree-ems .tree-content-wrap div:hover {
    background: #00b7d3
}

body,div,h1,h2,ul {
    margin: 0;
    padding: 0
}

.p-left {
    float: left
}

.p-right {
    float: right
}

.learn-detail {
    background: #f5f5f5
}

.learn-detail .no-data {
    margin-right: 15px;
    min-height: 300px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.app-wrapper {
    background-color: #f5f5f5
}

.learn-detail .no-content {
    text-align: left;
    min-width: 915px
}

.learn-detail .static-banner {
    background: #182c4c url(https://img.alicdn.com/tfs/TB1HVm1oCtYBeNjSspaXXaOOFXa-894-380.png) no-repeat;
    background-position: top;
    height: 340px;
    text-align: center;
    padding-top: 90px;
    color: #fff
}

.learn-detail .static-banner h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px
}

.learn-detail .static-banner p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px
}

.learn-detail .static-banner .content-wrap-tag {
    line-height: 60px
}

.learn-detail .static-banner .content-wrap-tag a {
    font-size: 16px;
    background: #263854;
    color: #7c8eab;
    line-height: 24px;
    padding: 20px 60px;
    border: 1px solid #263854;
    margin-left: 40px
}

.learn-detail .static-banner .content-wrap-tag a:hover {
    border: 1px solid #00c1de
}

.learn-detail .static-banner .content-wrap-tag a:first-child {
    margin-left: 0
}

.learn-detail .wrap {
    max-width: 1200px;
    min-height: 740px;
    margin: 20px auto 0;
    position: relative;
    display: flex
}

.learn-detail .wrap:after {
    content: "";
    display: block;
    clear: both
}

.learn-detail .list-wrap {
    min-height: 700px;
    min-width: 915px
}

.learn-detail .list-wrap:after {
    content: "";
    display: block;
    clear: both
}

.learn-detail .list-wrap li {
    box-sizing: border-box;
    position: relative;
    width: 31.148%;
    height: 330px;
    background: #fff;
    list-style: none;
    float: left;
    margin: 0 1.093% 20px
}

.learn-detail .list-wrap li a {
    color: #373d41
}

.learn-detail .list-wrap li:first-child {
    height: 330px;
    margin-left: 0
}

.learn-detail .list-wrap li:nth-child(3n+1) {
    margin-left: 0
}

.learn-detail .list-wrap li:nth-child(3n) {
    margin-right: 0
}

.learn-detail .list-wrap li i {
    display: inline-block;
    font-style: normal;
    line-height: 20px;
    border-radius: 24px;
    font-size: 12px;
    padding: 0 12px;
    margin: 10px 10px 5px;
    float: left;
    border: 1px solid
}

.learn-detail .list-wrap li p:nth-child(2):after {
    content: "";
    display: block;
    clear: both
}

.learn-detail .list-wrap li p.title {
    line-height: 24px;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.learn-detail .list-wrap li.line-3 h2,.learn-detail .list-wrap li.line-3 p.title {
    margin-bottom: 20px
}

.learn-detail .list-wrap li h2 {
    font-size: 16px;
    color: #3c4246;
    text-align: left;
    font-weight: 550;
    margin: 8px 15px 0;
    line-height: 24px;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 72px;
    max-height: 72px
}

.learn-detail .list-wrap li p:first-child {
    height: 10px;
    margin: 0
}

.learn-detail .list-wrap li p:nth-child(2) {
    margin: 0
}

.learn-detail .list-wrap li p {
    font-size: 14px;
    color: #777f84;
    line-height: 24px;
    text-align: center;
    margin: 0 15px
}

.learn-detail .list-wrap li p.title {
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 10px
}

.learn-detail .list-wrap li p.live-time {
    margin-bottom: 45px
}

.learn-detail .list-wrap li p.tags {
    height: 69px;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #e3e3e3;
    left: 0;
    bottom: 15px
}

.learn-detail .list-wrap li p.tags a {
    display: inline-block;
    border: 1px solid #e3e3e3;
    color: #777f84;
    font-size: 12px;
    width: 120px;
    line-height: 20px;
    margin-top: 12px;
    margin-left: 5px;
    border-radius: 24px
}

.learn-detail .list-wrap li p.tags a:hover {
    background: #00c1de;
    border: 1px solid #00c1de;
    color: #fff
}

.learn-detail .list-wrap li p.tags a:nth-child(2n-1) {
    margin-left: 0
}

.tag-detail-slide {
    width: 285px;
    padding: 10px;
    min-height: 300px;
    background: #fff
}

.tag-detail-wrap {
    flex: 1;
    min-height: 100%
}

.tag-bread {
    background: #fff
}

.tag-bread a:first-child {
    color: #000000a6
}

.tag-bread a:last-child {
    color: #00c1de;
    cursor: default;
    text-decoration: none
}

.tag-bread .wraper>div:first-child {
    border-bottom: 1px solid #f0f0f0;
    overflow: auto
}

.tag-bread .wraper>div:last-child,.tag-bread .wraper p {
    width: 1200px;
    margin: 0 auto
}

.tag-bread .wraper p {
    padding: 15px 0
}

.tag-bread .wraper>div:last-child {
    padding: 15px 0;
    line-height: 50px
}

.tag-bread .wraper>div:last-child i {
    display: inline-block;
    width: 45px;
    height: 45px;
    float: left;
    background: #f0f0f0 url(https://img.alicdn.com/tfs/TB12KJOprSYBuNjSspiXXXNzpXa-46-46.png) no-repeat;
    background-position: 50%;
    margin-right: 20px
}

.tag-bread .wraper>div:last-child h2 {
    font-size: 16px;
    color: #3f4548
}

.tag-detail-slide p {
    line-height: 20px;
    border-left: 2px solid #00c1de;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 550
}

.tag-detail-slide a {
    display: inline-block;
    border: 1px solid #bdbdbd;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 100px;
    margin-top: 10px;
    margin-right: 10px;
    text-decoration: none;
    color: #bdbdbd
}

.tag-detail-slide a.action {
    color: #fff;
    background: #00c1de;
    border: 1px solid #00c1de
}

.tag-detail-slide a.action:hover,.tag-detail-slide a:hover {
    color: #00c1de;
    border: 1px solid #00c1de
}

.tag-detail-slide a.action:hover {
    background: #fff
}

.tag-detail-pagination {
    float: right;
    margin-top: 10px;
    margin-right: 20px
}

.learn-detail .tag-detail-wrap .ant-pagination-item-active {
    background-color: #00c1de;
    border-color: #00c1de
}

.learn-detail .tag-detail-wrap .ant-pagination-item:focus,.learn-detail .tag-detail-wrap .ant-pagination-item:hover {
    border-color: #00c1de
}

.learn-detail .tag-detail-wrap .ant-pagination-item:focus a,.learn-detail .tag-detail-wrap .ant-pagination-item:hover a {
    color: #00c1de
}

.learn-detail .tag-detail-wrap .ant-pagination-item-active:focus,.learn-detail .tag-detail-wrap .ant-pagination-item-active:hover {
    background-color: #00c1de;
    border-color: #00c1de
}

.learn-detail .tag-detail-wrap .ant-pagination-item-active:focus a,.learn-detail .tag-detail-wrap .ant-pagination-item-active:hover a {
    color: #fff
}

.learn-detail .tag-detail-wrap .ant-pagination-next:hover .ant-pagination-item-link,.learn-detail .tag-detail-wrap .ant-pagination-prev:hover .ant-pagination-item-link {
    border-color: #00c1de;
    color: #00c1de
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n+1) p:first-child {
    background: #ecad43
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n+2) p:first-child {
    background: #29ac64
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n) p:first-child {
    background: #ecad43
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n+1) .live {
    border-color: #ecad43;
    color: #ecad43
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n+2) .live {
    border-color: #29ac64;
    color: #29ac64
}

.wrap .tag-detail-wrap .list-wrap li:nth-child(3n) .live {
    border-color: #ecad43;
    color: #ecad43
}

.course-console-content {
    display: flex;
    box-sizing: border-box;
    height: 100%;
    min-width: 1000px
}

.course-console-content .left-menu {
    background: #31373b
}

.course-console-content .left-menu li.ant-menu-item {
    padding: 0!important;
    width: 70px;
    text-align: center;
    background: #31373b;
    font-size: 14px
}

.course-console-content .left-menu li.ant-menu-item-selected {
    background-color: #00c1de
}

.course-console-content .mid-data-list {
    transition: width .2s;
    -webkit-transition: width .2s;
    height: 100%
}

.course-console-content .mid-data-list .data-ul {
    height: 100%;
    overflow-y: scroll
}

.course-console-content .mid-data-list .data-ul li {
    margin: 0 20px;
    border-bottom: 1px solid #f0f0f0
}

.course-console-content .mid-data-list .data-ul li:first-child {
    margin: 0;
    padding: 10px 20px 10px 36px;
    background: url(https://img.alicdn.com/tfs/TB1NKtVvH1YBuNjSszeXXablFXa-10-10.png) no-repeat 19px #f5f5f5
}

.course-console-content .mid-data-list .data-ul .section-li {
    color: #777f84
}

.course-console-content .mid-data-list .data-ul .section-li .data-simple-content {
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    cursor: pointer;
    padding-top: 10px
}

.course-console-content .mid-data-list .data-ul .section-li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    display: inline-block;
    text-indent: 0
}

.course-console-content .mid-data-list .data-ul .dot-active {
    color: #00c1de!important
}

.course-console-content .mid-data-list .note-height {
    height: 100%
}

.course-console-content .mid-data-list .course-note {
    padding: 10px 10px 0;
    text-align: center;
    position: relative
}

.course-console-content .mid-data-list .course-note .note-input {
    width: 100%;
    height: calc(60% - 100px);
    resize: vertical;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 4px 10px;
    border: 1px solid #dcdcdc
}

.course-console-content .mid-data-list .course-note .comment-input {
    width: 100%;
    height: 120px;
    resize: vertical;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    border: 1px solid #dcdcdc;
    padding: 4px 10px
}

.course-console-content .mid-data-list .course-note .comment-input textarea {
    resize: none;
    border: 0;
    width: 100%;
    height: 95px
}

.course-console-content .mid-data-list .course-note .submit-btn {
    height: 30px;
    margin: 4px 0;
    border: 1px solid #03c1e0;
    color: #03c1e0;
    background: #fff;
    padding: 0 10px;
    width: 72px;
    cursor: pointer
}

.course-console-content .mid-data-list .course-note .submit-btn:hover {
    background: #03c1e0;
    color: #fff
}

.course-console-content .mid-data-list .course-note .comment-length {
    position: absolute;
    top: 105px;
    right: 20px;
    color: #c3c5c6
}

.course-console-content .mid-data-list .course-container {
    height: 100%;
    overflow-y: scroll
}

.course-console-content .mid-data-list .course-container .loadMore,.course-console-content .mid-data-list .course-container .noData {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    width: 100%
}

.course-console-content .mid-data-list .course-container .reply-box {
    border-top: 1px solid #cdcdcd;
    padding: 0!important;
    margin: 0!important;
    margin: 8px 0 0 20px!important;
    padding-top: 4px!important
}

.course-console-content .mid-data-list .course-container .comment-box {
    margin: 2px 10px;
    background: #fff;
    padding: 10px 0;
    font-size: 14px
}

.course-console-content .mid-data-list .course-container .comment-box .box-top {
    display: flex;
    height: 30px;
    line-height: 30px
}

.course-console-content .mid-data-list .course-container .comment-box .box-top .box-username {
    color: #108ee9;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px
}

.course-console-content .mid-data-list .course-container .comment-box .box-top .box-floor {
    margin-left: 20px;
    color: #c2c2c2;
    letter-spacing: .54px
}

.course-console-content .mid-data-list .course-container .comment-box .box-mid {
    margin-left: 42px;
    color: #777f84;
    letter-spacing: .54px;
    word-break: break-all;
    padding: 4px 0
}

.course-console-content .mid-data-list .course-container .comment-box .box-bottom {
    display: flex;
    margin-left: 42px;
    color: #7c7c7c;
    letter-spacing: .54px;
    justify-content: space-between
}

.course-console-content .mid-data-list .course-container .comment-box .box-bottom .box-reply,.course-console-content .mid-data-list .course-container .comment-box .box-bottom .box-vote {
    cursor: pointer
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide {
    overflow: hidden
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .pull-right {
    margin-left: 42px;
    float: none
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .pull-right textarea {
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 10px;
    outline: none;
    height: auto;
    max-height: 150px;
    resize: vertical
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .button-group {
    text-align: right
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .button-group .btn-qv {
    height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #333;
    border: 1px solid #e7e7e7;
    background: #fafafa;
    cursor: pointer;
    border-radius: 15px;
    padding: 0 8px
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .button-group .btn-qv:hover {
    background: #fff
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .button-group .btn-ping {
    height: 20px;
    border: none;
    color: #fff;
    background: #108ee9;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 10px;
    padding: 0 8px
}

.course-console-content .mid-data-list .course-container .comment-box .post-reply-hide .button-group .btn-ping:hover {
    background: #14467b
}

.course-console-content .right-content {
    margin-left: 20px;
    flex: 1;
    background: #f5f5f5;
    transition: width .2s;
    -webkit-transition: width .2s;
    height: 100%;
    overflow: auto;
    margin-right: 20px;
    padding: 0 2px
}

.course-console-content .right-content .vedio-top {
    display: flex;
    line-height: 44px;
    font-size: 14px;
    color: #454545;
    letter-spacing: 0
}

.course-console-content .right-content .vedio-top p {
    font-size: 18px;
    line-height: 48px;
    padding-left: 20px
}

.course-console-content .right-content .vedio-top .vedio-btn {
    height: 30px;
    margin-top: 9px;
    margin-right: 8px;
    border: none;
    color: #fff;
    background: #00c1de;
    padding: 0 20px;
    line-height: 28px;
    cursor: pointer
}

.course-console-content .right-content .html-wraper,.course-console-content .right-content .img-wraper,.course-console-content .right-content .pdf-wraper,.course-console-content .right-content .vedio-box,.course-console-content .right-content .video-wraper {
    width: 100%;
    height: calc(100% - 62px)
}

.course-console-content .right-content .html-wraper img,.course-console-content .right-content .img-wraper img,.course-console-content .right-content .pdf-wraper img,.course-console-content .right-content .vedio-box img,.course-console-content .right-content .video-wraper img {
    max-width: 100%
}

.course-console-content .right-content .vedio-box {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.course-console-content .right-content .video-wraper {
    background: #000
}

.course-console-content .right-content #my-video {
    height: 100%;
    width: 100%
}

.course-console-content .right-content .video-wraper {
    position: relative;
    height: 100%;
    width: 100%
}

.course-console-content .right-content .html-wraper,.course-console-content .right-content .img-wraper,.course-console-content .right-content .pdf-wraper {
    position: relative;
    background: #fff;
    overflow-y: scroll
}

.course-console-content .right-content .ant-spin-spinning {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9
}

.course-console-content .right-content .learn-live .wrap .slide-wrap .notes {
    padding: 15px
}

.course-console-content .right-content .learn-live .wrap .slide-wrap .notes textarea {
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 350px;
    padding: 4px 10px;
    outline: none
}

.course-console-content .right-content .learn-live .wrap .slide-wrap .notes .save-note {
    text-align: center;
    margin: 10px 0
}

.course-console-content .right-content .learn-live .wrap .slide-wrap .notes .save-note a {
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    background: #fff;
    color: #03c1e0;
    border: 1px solid #03c1e0;
    padding: 0 20px;
    line-height: 38px
}

.course-console-content .right-content .learn-live .wrap .slide-wrap .notes .save-note a:hover {
    background: #03c1e0;
    color: #fff
}

.course-console-content .right-content .learn-live .wrap .ant-spin-spinning {
    position: absolute;
    left: 50%;
    bottom: 50%
}

.course-console-content .right-content .notebook-wraper {
    padding-bottom: 50px
}

.course-console-content .right-content .notebook-wraper,.course-console-content .right-content .notebook-wraper iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.course-console-content .right-content .notebookHead {
    height: 50px;
    line-height: 50px;
    background: #fbfbfc;
    position: relative
}

.course-console-content .right-content .notebookContent {
    color: #00c1de;
    margin-left: 20px;
    width: 30px;
    float: left;
    font-size: 14px
}

.course-console-content .right-content .bottomBorder {
    position: absolute;
    width: 27px;
    height: 2px;
    left: 20px;
    background: #00c1de;
    bottom: -1px
}

.course-console-content .right-content .notebookHead a {
    float: right;
    height: 32px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    background: #00c1de;
    margin-top: 9px;
    width: 104px;
    display: inline-block;
    text-align: center;
    margin-right: 20px
}

.course-console-content .right-content .choice-project {
    position: absolute;
    right: 140px;
    top: 0;
    width: 104px;
    height: 32px;
    margin-top: 9px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #d7d8d9;
    cursor: pointer
}

.course-console-content .right-content .choice-project .anticon {
    float: right;
    margin-right: 24px;
    margin-top: 8px;
    font-size: 10px;
    vertical-align: middle;
    transition: .5s;
    transform: rotate(-180deg)
}

.course-console-content .right-content .choice-project .ant-dropdown-link {
    width: 104px;
    height: 32px;
    display: block
}

.course-console-content .right-content .ant-dropdown {
    top: 195px!important
}

.course-console-content .right-content .edition-now {
    width: 100%;
    margin-left: 13px
}

.course-console-content .right-content .edition-list {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff;
    transition: .5s;
    cursor: pointer
}

.course-console-content .right-content .edition-list p {
    margin-left: 13px
}

.course-console-content .right-content .edition-list .edition-datail:hover {
    background: #f2f2f2
}

.course-console-content .right-content .notebookWrap {
    width: 100%;
    height: 100%;
    background: #fff
}

.course-console-content .right-content .learn-live .wrap .main-wrap .live.notebook-detail {
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.new-scroll::-webkit-scrollbar {
    width: 4px
}

.new-scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 2em
}

.new-scroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2em
}

.text {
    border: 1px solid #ccc;
    height: 120px
}

.w-e-text-container .w-e-panel-container {
    left: 0!important;
    margin-left: 0!important
}

.w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item img {
    width: 22px
}

.tip-content {
    height: 100%;
    padding: 100px;
    text-align: center;
    font-size: 24px
}

.emoji1 {
    position: absolute;
    display: inline-block;
    right: 167px;
    top: 15px;
    border-radius: 5px
}

.emoji1,.emoji-mart {
    color: #fff;
    padding: 0 10px;
    line-height: 38px;
    background: #4a4a4a;
    cursor: pointer
}

.emoji-mart {
    position: absolute!important;
    width: 340px!important;
    top: 56px;
    right: -141px
}

.emoji-mart,.emoji-mart-scroll {
    height: 350px!important
}

.chat-wrap {
    z-index: 2
}

.emoji-mart-search {
    display: none
}

.emoji-mart-bar {
    float: left
}

.emoji-mart-bar .emoji-mart-preview,.emoji-mart-scroll .emoji-mart-category .emoji-mart-category-label {
    display: none
}

.emoji-mart-bar:first-child {
    border-bottom: 0;
    display: block;
    height: 350px;
    border-right: 1px solid rgba(0,0,0,.1);
    border-radius: 0
}

.emoji-mart,.emoji-mart * {
    box-sizing: border-box;
    line-height: 1.15
}

.emoji-mart {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;
    font-size: 16px;
    display: inline-block;
    color: #222427;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff
}

.emoji-mart .emoji-mart-emoji {
    padding: 6px
}

.emoji-mart-bar {
    border: 0 solid #d9d9d9
}

.emoji-mart-bar:first-child {
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.emoji-mart-bar:last-child {
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.emoji-mart-anchors {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 6px;
    color: #858585;
    line-height: 0
}

.emoji-mart-anchor {
    position: relative;
    display: block;
    flex: 1 1 auto;
    text-align: center;
    padding: 12px 4px;
    overflow: hidden;
    transition: color .1s ease-out;
    margin: 0;
    box-shadow: none;
    background: none;
    border: none
}

.emoji-mart-anchor-selected,.emoji-mart-anchor:hover {
    color: #464646
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: 0
}

.emoji-mart-anchor-bar {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #464646
}

.emoji-mart-anchors i {
    display: inline-block;
    width: 100%;
    max-width: 22px
}

.emoji-mart-anchors img,.emoji-mart-anchors svg {
    fill: #858585;
    height: 18px;
    width: 18px
}

.emoji-mart-scroll {
    overflow-y: scroll;
    height: 270px;
    padding: 0 6px 6px;
    will-change: transform
}

.emoji-mart-search {
    margin-top: 6px;
    padding: 0 6px;
    position: relative
}

.emoji-mart-search input {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 5px 25px 6px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    outline: 0
}

.emoji-mart-search input,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.emoji-mart-search-icon {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 2;
    padding: 2px 5px 1px;
    border: none;
    background: none
}

.emoji-mart-category .emoji-mart-emoji span {
    z-index: 1;
    position: relative;
    text-align: center;
    cursor: default
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 100%
}

.emoji-mart-category-label {
    z-index: 2;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.95)
}

.emoji-mart-category-list {
    margin: 0;
    padding: 0
}

.emoji-mart-category-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.emoji-mart-emoji {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none
}

.emoji-mart-emoji-native {
    font-family: Segoe UI Emoji,Segoe UI Symbol,Segoe UI,Apple Color Emoji,Twemoji Mozilla,Noto Color Emoji,EmojiOne Color,Android Emoji
}

.emoji-mart-no-results {
    font-size: 14px;
    text-align: center;
    padding-top: 70px;
    color: #858585
}

.emoji-mart-no-results-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.emoji-mart-no-results .emoji-mart-category-label {
    display: none
}

.emoji-mart-no-results .emoji-mart-no-results-label {
    margin-top: .2em
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
    content: none
}

.emoji-mart-preview {
    position: relative;
    height: 70px
}

.emoji-mart-preview-data,.emoji-mart-preview-emoji,.emoji-mart-preview-skins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.emoji-mart-preview-emoji {
    left: 12px
}

.emoji-mart-preview-data {
    left: 68px;
    right: 12px;
    word-break: break-all
}

.emoji-mart-preview-skins {
    right: 30px;
    text-align: right
}

.emoji-mart-preview-skins.custom {
    right: 10px;
    text-align: right
}

.emoji-mart-preview-name {
    font-size: 14px
}

.emoji-mart-preview-shortname {
    font-size: 12px;
    color: #888
}

.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-shortname {
    margin-left: .5em
}

.emoji-mart-preview-emoticon {
    font-size: 11px;
    color: #bbb
}

.emoji-mart-title span {
    display: inline-block;
    vertical-align: middle
}

.emoji-mart-title .emoji-mart-emoji {
    padding: 0
}

.emoji-mart-title-label {
    color: #999a9c;
    font-size: 26px;
    font-weight: 300
}

.emoji-mart-skin-swatches {
    font-size: 0;
    padding: 2px 0;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    background-color: #fff
}

.emoji-mart-skin-swatches.custom {
    font-size: 0;
    border: none;
    background-color: #fff
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
    width: 16px;
    padding: 0 2px
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
    opacity: .75
}

.emoji-mart-skin-swatch {
    display: inline-block;
    width: 0;
    vertical-align: middle;
    transition-property: width,padding;
    transition-duration: .125s;
    transition-timing-function: ease-out
}

.emoji-mart-skin-swatch:first-child {
    transition-delay: 0s
}

.emoji-mart-skin-swatch:nth-child(2) {
    transition-delay: .03s
}

.emoji-mart-skin-swatch:nth-child(3) {
    transition-delay: .06s
}

.emoji-mart-skin-swatch:nth-child(4) {
    transition-delay: .09s
}

.emoji-mart-skin-swatch:nth-child(5) {
    transition-delay: .12s
}

.emoji-mart-skin-swatch:nth-child(6) {
    transition-delay: .15s
}

.emoji-mart-skin-swatch.selected {
    position: relative;
    width: 16px;
    padding: 0 2px
}

.emoji-mart-skin-swatch.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;
    background-color: #fff;
    border-radius: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-out
}

.emoji-mart-skin-swatch.custom {
    display: inline-block;
    width: 0;
    height: 38px;
    overflow: hidden;
    vertical-align: middle;
    transition-property: width,height;
    transition-duration: .125s;
    transition-timing-function: ease-out;
    cursor: default
}

.emoji-mart-skin-swatch.custom.selected {
    position: relative;
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0
}

.emoji-mart-skin-swatch.custom.selected:after {
    content: "";
    width: 0;
    height: 0
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
    background-color: #f4f4f4;
    border-radius: 10%
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
    opacity: .75
}

.emoji-mart-skin-text.opened {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #888;
    font-size: 11px;
    padding: 5px 2px;
    width: 95px;
    height: 40px;
    border-radius: 10%;
    background-color: #fff
}

.emoji-mart-skin {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    max-width: 12px;
    border-radius: 100%
}

.emoji-mart-skin-tone-1 {
    background-color: #ffc93a
}

.emoji-mart-skin-tone-2 {
    background-color: #fadcbc
}

.emoji-mart-skin-tone-3 {
    background-color: #e0bb95
}

.emoji-mart-skin-tone-4 {
    background-color: #bf8f68
}

.emoji-mart-skin-tone-5 {
    background-color: #9b643d
}

.emoji-mart-skin-tone-6 {
    background-color: #594539
}

.emoji-mart-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.content-wrap {
    min-height: 300px;
    background: #fff
}

.list-cell {
    padding: 20px 20px 10px
}

.list-cell .at-cell:last-child .cell-footer {
    border-bottom: none
}

.list-cell .at-cell .cell-body a:first-child,.list-cell .at-cell .cell-body a:nth-child(2) {
    color: #00c0e5
}

.list-cell .reset-up i {
    color: #adadad
}

.list-cell .loadMore {
    text-align: center;
    background: #fafafa;
    margin: 0 70px
}

.list-cell .loadMore a {
    line-height: 40px;
    display: block;
    color: #00c0e5
}

.list-cell .replyPagination {
    background: #fafafa;
    margin: 0 70px;
    line-height: 60px;
    text-align: right
}

.list-cell .replyPagination span {
    padding-left: 40px;
    top: 4px;
    position: relative;
    margin-right: 10px
}

.list-cell .ant-pagination.mini {
    margin-right: 40px
}

.list-cell .ant-pagination.mini li {
    background: #fafafa
}

.list-cell .ant-pagination.mini .ant-pagination-item-active {
    background: #c5c7c4
}

.list-cell img {
    max-height: 400px
}

.contents {
    padding-left: 70px;
    margin-bottom: 10px
}

.photo {
    float: left;
    margin-right: 20px
}

.photo img {
    border-radius: 25px
}

.cell-body {
    word-break: break-all;
    padding: 5px 0 10px;
    color: #666
}

.cell-body span {
    display: table
}

.cell-header span {
    padding-left: 20px;
    color: #c8c8c8
}

.cell-header a {
    color: #00c2e0
}

.cell-footer>a {
    margin-right: 20px;
    color: #c8c8c8
}

.cell-footer>a span {
    padding-right: 5px
}

.cell-footer .message {
    display: inline-block;
    background: #e3f2fc;
    padding: 0 6px;
    color: #00c1de;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 4px
}

.submit-commit {
    padding: 30px 20px 20px
}

.submit-commit .head {
    height: 30px
}

.submit-commit .nick {
    float: left;
    color: #00c0e5
}

.submit-commit .commit-size {
    float: right
}

.submit-commit .head:after {
    content: "";
    display: block;
    clear: both
}

.submit-commit .submit-content {
    padding-left: 70px
}

.submit-commit .submit-content .w-e-toolbar {
    background-color: #fbfbfc!important;
    border: 1px solid #eff1f2!important;
    border-bottom: none!important
}

.submit-commit .submit-content .w-e-toolbar .w-e-menu {
    z-index: 999!important
}

.submit-commit .submit-content .w-e-text-container {
    border: 1px solid #eff1f2!important;
    z-index: 999!important
}

.submit-commit .submit-footer a {
    line-height: 30px;
    text-align: center;
    color: #00c0e5;
    text-decoration: none
}

.submit-commit .submit-footer a.send-commit-btn {
    float: right;
    display: inline-block;
    width: 80px;
    background: #fbfbfc;
    color: #333
}

.submit-commit a.emoji span,.submit-commit a.photo-upload span {
    color: #333
}

.submit-commit a i {
    font-size: 18px;
    margin-right: 5px
}

.submit-commit .anticon {
    vertical-align: text-bottom
}

.up-action.can-up {
    color: #ff7900
}

.submit-commit .photo-upload {
    margin-left: 50px
}

.submit-commit .edit textarea {
    height: 68px;
    width: 100%;
    border: 1px solid #dcdcdc;
    outline: none;
    padding: 4px 10px;
    overflow: scroll
}

.submit-commit .submit-footer {
    padding-top: 15px;
    padding-bottom: 32px;
    position: relative
}

.submit-commit .submit-footer:after {
    content: "";
    display: block;
    clear: both
}

.submit-commit .RTdSn {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1
}

.at-cell {
    margin: 0 70px;
    background: #fafafa;
    padding: 15px 40px 0
}

.at-cell .cell-footer {
    padding-bottom: 15px;
    border-bottom: 1px dashed #d9d9d9;
    text-align: right
}

.at-cell .cell-footer>span {
    float: left;
    color: #c8c8c8
}

.at-cell .cell-footer:after {
    content: "";
    display: block;
    clear: both
}

.at-cell .contents {
    padding-left: 0
}

.at-submit {
    padding-bottom: 20px
}

.at-submit .head {
    line-height: 40px
}

.at-submit .head:after {
    content: "";
    display: block;
    clear: both
}

.at-submit .nick {
    float: left;
    color: #00c0e5
}

.at-submit .commit-size {
    float: right
}

.at-submit .edit-wrap .edit {
    width: 100%;
    height: 68px;
    border: 1px solid #dcdcdc;
    outline: none;
    padding: 4px 10px
}

.at-submit .foot {
    text-align: right;
    padding-top: 10px
}

.at-submit .foot a:nth-child(2) {
    border: 0;
    background: #00c1de;
    color: #fff;
    margin-right: 10px;
    text-decoration: none
}

.at-submit .foot a:last-child,.at-submit .foot a:nth-child(2) {
    display: inline-block;
    text-align: center;
    font-family: MicrosoftYaHei;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px
}

.at-submit .foot a:last-child {
    color: #00c1de;
    border: 1px solid #00c1de;
    background: #fafafa
}

.at-submit .foot a:last-child:hover {
    background: #fff
}

.ant-pagination.mini {
    text-align: right;
    float: right
}

.ant-pagination.mini a {
    color: #00c0e5
}

.ant-pagination-item-active {
    background: #c5c7c4
}

.pagination {
    padding: 20px 0 0
}

.pagination.last {
    padding: 20px;
    text-align: right
}

.pagination.last span {
    margin-right: 10px;
    top: 4px;
    position: relative
}

.pagination:after {
    content: "";
    display: block;
    clear: both
}

.errMessage {
    color: red;
    padding-right: 20px
}

.submit-commit .errMessage {
    float: right;
    line-height: 30px
}

.content-wrap .ant-tabs-ink-bar {
    top: 0;
    height: 3px;
    background-color: #00c0e5
}

.content-wrap .ant-tabs-bar {
    border-bottom: none;
    margin-bottom: 0
}

.content-wrap .ant-tabs-nav.ant-tabs-nav-animated {
    width: 100%
}

.content-wrap .ant-tabs-nav .ant-tabs-tab {
    width: 50%;
    text-align: center;
    background: #fafafa;
    margin-right: 0;
    line-height: 40px
}

.content-wrap .ant-tabs-tab-active.ant-tabs-tab {
    background: #fff
}

.content-wrap .ant-tabs-nav .ant-tabs-tab-active {
    color: #00c0e5
}

.content-wrap .img-upload {
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #f2f2f2
}

.content-wrap .img-upload.show {
    display: block
}

.content-wrap .img-upload.no-show {
    display: none
}

.breadcrumb {
    padding: 15px 0
}

.breadcrumb .ant-breadcrumb-link {
    font-weight: 200
}

.submit-commit .submit-footer a.send-commit-btn.action {
    background: #00c1de;
    color: #fff
}

.pagination.hide {
    display: none
}

.list-cell .ant-pagination.mini .ant-pagination-item-active {
    background-color: #00c1de;
    border-color: #00c1de
}

.pay-detail.play-pay-detail {
    border: none;
    margin: 0 20px 20px
}

.pull-left {
    float: left
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.bd-btm-gray {
    border-bottom: 1px dashed #d6d6d6
}

.bd-btm-gray:last-child {
    border-bottom: 0
}

.pay-detail {
    font-size: 14px;
    color: #777f84;
    background: #fff
}

.pay-detail h1 {
    text-align: center;
    font-size: 24px;
    color: #31373b;
    line-height: 24px;
    padding: 24px 0
}

.pay-detail h2 {
    text-align: left;
    font-size: 14px;
    color: #202123;
    line-height: 24px;
    font-weight: 550;
    padding: 16px 0
}

.pay-detail .head {
    padding: 0 24px
}

.pay-detail .head .sub-title {
    padding: 8px 0
}

.pay-detail .live-detail .brief {
    padding: 0 8px 16px
}

.pay-detail .live-detail .brief .brief-description {
    line-height: 28px
}

.pay-detail .live-detail .date {
    padding: 0 8px
}

.pay-detail .live-detail .date .data-time {
    color: #9e9e9e;
    font-weight: 400
}

.pay-detail .live-detail .lecturer {
    padding: 0 8px
}

.pay-detail .live-detail .lecturer .lecturer-name {
    color: #202123;
    font-weight: 550;
    padding-right: 40px
}

.pay-detail .live-detail .lecturer .lecturer-introduction {
    min-height: 56px;
    font-size: 14px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.pay-detail .live-detail .lecturer .lecturer-introduction .contentEditorHtmlOutput {
    width: 100%
}

.pay-detail .live-detail .share-content {
    padding: 0 8px 16px
}

.pay-detail .live-detail .share-content ol {
    color: #656d78;
    padding-left: 16px;
    padding-bottom: 8px
}

.pay-detail .live-detail .share-content ol ul li {
    color: #777f84;
    padding-left: 16px;
    line-height: 28px
}

.pay-detail .live-detail .share-content .share-description {
    line-height: 28px
}

.pay-detail .contentWraper {
    padding: 0 24px;
    min-height: 300px
}

.pay-detail .foot {
    line-height: 18px;
    padding: 50px 20px
}

.pay-detail .breadcrumb {
    margin-top: 10px
}

.pay-detail .sub-title>div {
    width: 50%;
    display: inline-block
}

.pay-detail .sub-title img {
    border-radius: 30px;
    vertical-align: middle
}

.pay-detail .sub-title>div {
    line-height: 30px
}

.pay-detail .sub-title>div:first-child {
    text-align: left
}

.pay-detail .sub-title>div:first-child span {
    padding: 0 10px
}

.pay-detail .sub-title>div:first-child span:first-child {
    padding: 0
}

.pay-detail .sub-title>div:last-child {
    text-align: right
}

.pay-detail .sub-title>div:last-child span {
    border-right: 1px solid gray;
    padding: 0 20px;
    color: #00c1e2
}

.pay-detail .sub-title>div:last-child span:first-child {
    color: #9e9e9e
}

.pay-detail .sub-title>div:last-child span:last-child {
    border-right: 0;
    padding-right: 0
}

.pay-detail .desc p,.pay-detail .host-detail {
    padding-bottom: 20px
}

.pay-detail .host-detail img {
    margin-right: 20px;
    max-width: 100%
}

.pay-detail .host-detail-content p:last-child {
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.pay-detail .host p {
    line-height: 30px
}

.pay-detail .content ol {
    margin-left: 20px
}

.pay-detail .content ol li>li {
    padding-left: 16px
}

.pay-detail .content ul {
    padding-bottom: 20px
}

.pay-detail .foot span:first-child,.pay-detail .foot span:first-child a {
    background: #006dbb;
    margin: 0 4px;
    display: inline-block;
    color: #fff
}

.pay-detail .foot span:first-child a {
    padding: 10px;
    font-size: 14px;
    text-decoration: none
}

.pay-detail .foot i {
    font-style: normal
}

.pay-detail .sub-title a {
    color: #00c1e2
}
/*!
 * antd v2.13.2
 *
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
                                                                                line-height: 1.15;
                                                                                -ms-text-size-adjust: 100%;
                                                                                -webkit-text-size-adjust: 100%
                                                                            }

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}[type=reset],[type=submit],button,html [type=button] {
     -webkit-appearance: button
 }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
      border-style: none;
      padding: 0
  }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
       outline: 1px dotted ButtonText
   }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}[type=checkbox],[type=radio] {
     box-sizing: border-box;
     padding: 0
 }[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
      height: auto
  }[type=search] {
       -webkit-appearance: textfield;
       outline-offset: -2px
   }[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}[hidden],template {
     display: none
 }

@font-face {
    font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

*,:after,:before {
    box-sizing: border-box
}

body,html {
    width: 100%;
    height: 100%
}

body {
    font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

ol,ul {
    list-style: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

::-moz-selection {
    background: #108ee9;
    color: #fff
}

::selection {
    background: #108ee9;
    color: #fff
}

h1,h2,h3,h4,h5,h6 {
    color: rgba(0,0,0,.85);
    font-weight: 500
}

a {
    color: #108ee9;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s ease
}

a:focus {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

a:hover {
    color: #49a9ee
}

a:active {
    color: #0e77ca
}

a:active,a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: rgba(0,0,0,.25);
    cursor: not-allowed;
    pointer-events: none
}

.ant-divider {
    margin: 0 6px;
    display: inline-block;
    height: 8px;
    width: 1px;
    background: #ccc
}

code,kbd,pre,samp {
    font-family: Consolas,Menlo,Courier,monospace
}

.clearfix {
    zoom: 1
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

@font-face {
    font-family:anticon;src:url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot);src:url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot#iefix) format("embedded-opentype"),url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff) format("woff"),url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf) format("truetype"),url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#iconfont) format("svg")
}

.anticon {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.anticon:before {
    display: block;
    font-family: anticon!important
}

.anticon-step-forward:before {
    content: "\E600"
}

.anticon-step-backward:before {
    content: "\E601"
}

.anticon-forward:before {
    content: "\E602"
}

.anticon-backward:before {
    content: "\E603"
}

.anticon-caret-right:before {
    content: "\E604"
}

.anticon-caret-left:before {
    content: "\E605"
}

.anticon-caret-down:before {
    content: "\E606"
}

.anticon-caret-up:before {
    content: "\E607"
}

.anticon-caret-circle-right:before,.anticon-circle-right:before,.anticon-right-circle:before {
    content: "\E608"
}

.anticon-caret-circle-left:before,.anticon-circle-left:before,.anticon-left-circle:before {
    content: "\E609"
}

.anticon-caret-circle-up:before,.anticon-circle-up:before,.anticon-up-circle:before {
    content: "\E60A"
}

.anticon-caret-circle-down:before,.anticon-circle-down:before,.anticon-down-circle:before {
    content: "\E60B"
}

.anticon-right-circle-o:before {
    content: "\E60C"
}

.anticon-caret-circle-o-right:before,.anticon-circle-o-right:before {
    content: "\E60C"
}

.anticon-left-circle-o:before {
    content: "\E60D"
}

.anticon-caret-circle-o-left:before,.anticon-circle-o-left:before {
    content: "\E60D"
}

.anticon-up-circle-o:before {
    content: "\E60E"
}

.anticon-caret-circle-o-up:before,.anticon-circle-o-up:before {
    content: "\E60E"
}

.anticon-down-circle-o:before {
    content: "\E60F"
}

.anticon-caret-circle-o-down:before,.anticon-circle-o-down:before {
    content: "\E60F"
}

.anticon-verticle-left:before {
    content: "\E610"
}

.anticon-verticle-right:before {
    content: "\E611"
}

.anticon-rollback:before {
    content: "\E612"
}

.anticon-retweet:before {
    content: "\E613"
}

.anticon-shrink:before {
    content: "\E614"
}

.anticon-arrow-salt:before,.anticon-arrows-alt:before {
    content: "\E615"
}

.anticon-reload:before {
    content: "\E616"
}

.anticon-double-right:before {
    content: "\E617"
}

.anticon-double-left:before {
    content: "\E618"
}

.anticon-arrow-down:before {
    content: "\E619"
}

.anticon-arrow-up:before {
    content: "\E61A"
}

.anticon-arrow-right:before {
    content: "\E61B"
}

.anticon-arrow-left:before {
    content: "\E61C"
}

.anticon-down:before {
    content: "\E61D"
}

.anticon-up:before {
    content: "\E61E"
}

.anticon-right:before {
    content: "\E61F"
}

.anticon-left:before {
    content: "\E620"
}

.anticon-minus-square-o:before {
    content: "\E621"
}

.anticon-minus-circle:before {
    content: "\E622"
}

.anticon-minus-circle-o:before {
    content: "\E623"
}

.anticon-minus:before {
    content: "\E624"
}

.anticon-plus-circle-o:before {
    content: "\E625"
}

.anticon-plus-circle:before {
    content: "\E626"
}

.anticon-plus:before {
    content: "\E627"
}

.anticon-info-circle:before {
    content: "\E628"
}

.anticon-info-circle-o:before {
    content: "\E629"
}

.anticon-info:before {
    content: "\E62A"
}

.anticon-exclamation:before {
    content: "\E62B"
}

.anticon-exclamation-circle:before {
    content: "\E62C"
}

.anticon-exclamation-circle-o:before {
    content: "\E62D"
}

.anticon-close-circle:before,.anticon-cross-circle:before {
    content: "\E62E"
}

.anticon-close-circle-o:before,.anticon-cross-circle-o:before {
    content: "\E62F"
}

.anticon-check-circle:before {
    content: "\E630"
}

.anticon-check-circle-o:before {
    content: "\E631"
}

.anticon-check:before {
    content: "\E632"
}

.anticon-close:before,.anticon-cross:before {
    content: "\E633"
}

.anticon-customer-service:before,.anticon-customerservice:before {
    content: "\E634"
}

.anticon-credit-card:before {
    content: "\E635"
}

.anticon-code-o:before {
    content: "\E636"
}

.anticon-book:before {
    content: "\E637"
}

.anticon-bar-chart:before {
    content: "\E638"
}

.anticon-bars:before {
    content: "\E639"
}

.anticon-question:before {
    content: "\E63A"
}

.anticon-question-circle:before {
    content: "\E63B"
}

.anticon-question-circle-o:before {
    content: "\E63C"
}

.anticon-pause:before {
    content: "\E63D"
}

.anticon-pause-circle:before {
    content: "\E63E"
}

.anticon-pause-circle-o:before {
    content: "\E63F"
}

.anticon-clock-circle:before {
    content: "\E640"
}

.anticon-clock-circle-o:before {
    content: "\E641"
}

.anticon-swap:before {
    content: "\E642"
}

.anticon-swap-left:before {
    content: "\E643"
}

.anticon-swap-right:before {
    content: "\E644"
}

.anticon-plus-square-o:before {
    content: "\E645"
}

.anticon-frown-circle:before,.anticon-frown:before {
    content: "\E646"
}

.anticon-ellipsis:before {
    content: "\E647"
}

.anticon-copy:before {
    content: "\E648"
}

.anticon-menu-fold:before {
    content: "\E658"
}

.anticon-mail:before {
    content: "\E659"
}

.anticon-logout:before {
    content: "\E65A"
}

.anticon-link:before {
    content: "\E65B"
}

.anticon-area-chart:before {
    content: "\E65C"
}

.anticon-line-chart:before {
    content: "\E65D"
}

.anticon-home:before {
    content: "\E65E"
}

.anticon-laptop:before {
    content: "\E65F"
}

.anticon-star:before {
    content: "\E660"
}

.anticon-star-o:before {
    content: "\E661"
}

.anticon-folder:before {
    content: "\E662"
}

.anticon-filter:before {
    content: "\E663"
}

.anticon-file:before {
    content: "\E664"
}

.anticon-exception:before {
    content: "\E665"
}

.anticon-meh-circle:before,.anticon-meh:before {
    content: "\E666"
}

.anticon-meh-o:before {
    content: "\E667"
}

.anticon-shopping-cart:before {
    content: "\E668"
}

.anticon-save:before {
    content: "\E669"
}

.anticon-user:before {
    content: "\E66A"
}

.anticon-video-camera:before {
    content: "\E66B"
}

.anticon-to-top:before {
    content: "\E66C"
}

.anticon-team:before {
    content: "\E66D"
}

.anticon-tablet:before {
    content: "\E66E"
}

.anticon-solution:before {
    content: "\E66F"
}

.anticon-search:before {
    content: "\E670"
}

.anticon-share-alt:before {
    content: "\E671"
}

.anticon-setting:before {
    content: "\E672"
}

.anticon-poweroff:before {
    content: "\E6D5"
}

.anticon-picture:before {
    content: "\E674"
}

.anticon-phone:before {
    content: "\E675"
}

.anticon-paper-clip:before {
    content: "\E676"
}

.anticon-notification:before {
    content: "\E677"
}

.anticon-mobile:before {
    content: "\E678"
}

.anticon-menu-unfold:before {
    content: "\E679"
}

.anticon-inbox:before {
    content: "\E67A"
}

.anticon-lock:before {
    content: "\E67B"
}

.anticon-qrcode:before {
    content: "\E67C"
}

.anticon-play-circle:before {
    content: "\E6D0"
}

.anticon-play-circle-o:before {
    content: "\E6D1"
}

.anticon-tag:before {
    content: "\E6D2"
}

.anticon-tag-o:before {
    content: "\E6D3"
}

.anticon-tags:before {
    content: "\E67D"
}

.anticon-tags-o:before {
    content: "\E67E"
}

.anticon-cloud-o:before {
    content: "\E67F"
}

.anticon-cloud:before {
    content: "\E680"
}

.anticon-cloud-upload:before {
    content: "\E681"
}

.anticon-cloud-download:before {
    content: "\E682"
}

.anticon-cloud-download-o:before {
    content: "\E683"
}

.anticon-cloud-upload-o:before {
    content: "\E684"
}

.anticon-environment:before {
    content: "\E685"
}

.anticon-environment-o:before {
    content: "\E686"
}

.anticon-eye:before {
    content: "\E687"
}

.anticon-eye-o:before {
    content: "\E688"
}

.anticon-camera:before {
    content: "\E689"
}

.anticon-camera-o:before {
    content: "\E68A"
}

.anticon-windows:before {
    content: "\E68B"
}

.anticon-apple:before {
    content: "\E68C"
}

.anticon-apple-o:before {
    content: "\E6D4"
}

.anticon-android:before {
    content: "\E938"
}

.anticon-android-o:before {
    content: "\E68D"
}

.anticon-aliwangwang:before {
    content: "\E68E"
}

.anticon-aliwangwang-o:before {
    content: "\E68F"
}

.anticon-export:before {
    content: "\E691"
}

.anticon-edit:before {
    content: "\E692"
}

.anticon-circle-down-o:before {
    content: "\E693"
}

.anticon-circle-down-:before {
    content: "\E694"
}

.anticon-appstore-o:before {
    content: "\E695"
}

.anticon-appstore:before {
    content: "\E696"
}

.anticon-scan:before {
    content: "\E697"
}

.anticon-file-text:before {
    content: "\E698"
}

.anticon-folder-open:before {
    content: "\E699"
}

.anticon-hdd:before {
    content: "\E69A"
}

.anticon-ie:before {
    content: "\E69B"
}

.anticon-file-jpg:before {
    content: "\E69C"
}

.anticon-like:before {
    content: "\E64C"
}

.anticon-like-o:before {
    content: "\E69D"
}

.anticon-dislike:before {
    content: "\E64B"
}

.anticon-dislike-o:before {
    content: "\E69E"
}

.anticon-delete:before {
    content: "\E69F"
}

.anticon-enter:before {
    content: "\E6A0"
}

.anticon-pushpin-o:before {
    content: "\E6A1"
}

.anticon-pushpin:before {
    content: "\E6A2"
}

.anticon-heart:before {
    content: "\E6A3"
}

.anticon-heart-o:before {
    content: "\E6A4"
}

.anticon-pay-circle:before {
    content: "\E6A5"
}

.anticon-pay-circle-o:before {
    content: "\E6A6"
}

.anticon-smile-circle:before,.anticon-smile:before {
    content: "\E6A7"
}

.anticon-smile-o:before {
    content: "\E6A8"
}

.anticon-frown-o:before {
    content: "\E6A9"
}

.anticon-calculator:before {
    content: "\E6AA"
}

.anticon-message:before {
    content: "\E6AB"
}

.anticon-chrome:before {
    content: "\E6AC"
}

.anticon-github:before {
    content: "\E6AD"
}

.anticon-file-unknown:before {
    content: "\E6AF"
}

.anticon-file-excel:before {
    content: "\E6B0"
}

.anticon-file-ppt:before {
    content: "\E6B1"
}

.anticon-file-word:before {
    content: "\E6B2"
}

.anticon-file-pdf:before {
    content: "\E6B3"
}

.anticon-desktop:before {
    content: "\E6B4"
}

.anticon-upload:before {
    content: "\E6B6"
}

.anticon-download:before {
    content: "\E6B7"
}

.anticon-pie-chart:before {
    content: "\E6B8"
}

.anticon-unlock:before {
    content: "\E6BA"
}

.anticon-calendar:before {
    content: "\E6BB"
}

.anticon-windows-o:before {
    content: "\E6BC"
}

.anticon-dot-chart:before {
    content: "\E6BD"
}

.anticon-bar-chart:before {
    content: "\E6BE"
}

.anticon-code:before {
    content: "\E6BF"
}

.anticon-api:before {
    content: "\E951"
}

.anticon-plus-square:before {
    content: "\E6C0"
}

.anticon-minus-square:before {
    content: "\E6C1"
}

.anticon-close-square:before {
    content: "\E6C2"
}

.anticon-close-square-o:before {
    content: "\E6C3"
}

.anticon-check-square:before {
    content: "\E6C4"
}

.anticon-check-square-o:before {
    content: "\E6C5"
}

.anticon-fast-backward:before {
    content: "\E6C6"
}

.anticon-fast-forward:before {
    content: "\E6C7"
}

.anticon-up-square:before {
    content: "\E6C8"
}

.anticon-down-square:before {
    content: "\E6C9"
}

.anticon-left-square:before {
    content: "\E6CA"
}

.anticon-right-square:before {
    content: "\E6CB"
}

.anticon-right-square-o:before {
    content: "\E6CC"
}

.anticon-left-square-o:before {
    content: "\E6CD"
}

.anticon-down-square-o:before {
    content: "\E6CE"
}

.anticon-up-square-o:before {
    content: "\E6CF"
}

.anticon-loading:before {
    content: "\E64D"
}

.anticon-loading-3-quarters:before {
    content: "\E6AE"
}

.anticon-bulb:before {
    content: "\E649"
}

.anticon-select:before {
    content: "\E64A"
}

.anticon-addfile:before,.anticon-file-add:before {
    content: "\E910"
}

.anticon-addfolder:before,.anticon-folder-add:before {
    content: "\E914"
}

.anticon-switcher:before {
    content: "\E913"
}

.anticon-rocket:before {
    content: "\E90F"
}

.anticon-dingding:before {
    content: "\E923"
}

.anticon-dingding-o:before {
    content: "\E925"
}

.anticon-bell:before {
    content: "\E64E"
}

.anticon-disconnect:before {
    content: "\E64F"
}

.anticon-database:before {
    content: "\E650"
}

.anticon-compass:before {
    content: "\E6DB"
}

.anticon-barcode:before {
    content: "\E652"
}

.anticon-hourglass:before {
    content: "\E653"
}

.anticon-key:before {
    content: "\E654"
}

.anticon-flag:before {
    content: "\E655"
}

.anticon-layout:before {
    content: "\E656"
}

.anticon-login:before {
    content: "\E657"
}

.anticon-printer:before {
    content: "\E673"
}

.anticon-sound:before {
    content: "\E6E9"
}

.anticon-usb:before {
    content: "\E6D7"
}

.anticon-skin:before {
    content: "\E6D8"
}

.anticon-tool:before {
    content: "\E6D9"
}

.anticon-sync:before {
    content: "\E6DA"
}

.anticon-wifi:before {
    content: "\E6D6"
}

.anticon-car:before {
    content: "\E6DC"
}

.anticon-copyright:before {
    content: "\E6DE"
}

.anticon-schedule:before {
    content: "\E6DF"
}

.anticon-user-add:before {
    content: "\E6ED"
}

.anticon-user-delete:before {
    content: "\E6E0"
}

.anticon-usergroup-add:before {
    content: "\E6DD"
}

.anticon-usergroup-delete:before {
    content: "\E6E1"
}

.anticon-man:before {
    content: "\E6E2"
}

.anticon-woman:before {
    content: "\E6EC"
}

.anticon-shop:before {
    content: "\E6E3"
}

.anticon-gift:before {
    content: "\E6E4"
}

.anticon-idcard:before {
    content: "\E6E5"
}

.anticon-medicine-box:before {
    content: "\E6E6"
}

.anticon-red-envelope:before {
    content: "\E6E7"
}

.anticon-coffee:before {
    content: "\E6E8"
}

.anticon-trademark:before {
    content: "\E651"
}

.anticon-safety:before {
    content: "\E6EA"
}

.anticon-wallet:before {
    content: "\E6EB"
}

.anticon-bank:before {
    content: "\E6EE"
}

.anticon-trophy:before {
    content: "\E6EF"
}

.anticon-contacts:before {
    content: "\E6F0"
}

.anticon-global:before {
    content: "\E6F1"
}

.anticon-shake:before {
    content: "\E94F"
}

.anticon-fork:before {
    content: "\E6F2"
}

.anticon-spin:before {
    display: inline-block;
    animation: loadingCircle 1s infinite linear
}

.fade-appear,.fade-enter,.fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-appear,.fade-enter {
    opacity: 0
}

.fade-appear,.fade-enter,.fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes antMoveDownIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes antMoveRightOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes loadingCircle {
    0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg)
    }

    to {
        transform-origin: 50% 50%;
        transform: rotate(1turn)
    }
}

.slide-up-appear,.slide-up-enter,.slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-appear,.slide-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-down-appear,.slide-down-enter,.slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-appear,.slide-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-left-appear,.slide-left-enter,.slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-appear,.slide-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-right-appear,.slide-right-enter,.slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-appear,.slide-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes antSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes antSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@keyframes antSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes antSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@keyframes antSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@keyframes antSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

.swing-appear,.swing-enter {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.swing-appear.swing-appear-active,.swing-enter.swing-enter-active {
    animation-name: antSwingIn;
    animation-play-state: running
}

@keyframes antSwingIn {
    0%,to {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-10px)
    }

    40% {
        transform: translateX(10px)
    }

    60% {
        transform: translateX(-5px)
    }

    80% {
        transform: translateX(5px)
    }
}

.zoom-appear,.zoom-enter,.zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,.zoom-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-appear,.zoom-big-enter,.zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear,.zoom-big-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear,.zoom-big-fast-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-up-appear,.zoom-up-enter,.zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear,.zoom-up-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-down-appear,.zoom-down-enter,.zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear,.zoom-down-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-left-appear,.zoom-left-enter,.zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear,.zoom-left-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-right-appear,.zoom-right-enter,.zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear,.zoom-right-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.8)
    }

    to {
        transform-origin: 50% 0;
        transform: scale(1)
    }
}

@keyframes antZoomUpOut {
    0% {
        transform-origin: 50% 0;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.8)
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.8)
    }

    to {
        transform-origin: 0 50%;
        transform: scale(1)
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform-origin: 0 50%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.8)
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.8)
    }

    to {
        transform-origin: 100% 50%;
        transform: scale(1)
    }
}

@keyframes antZoomRightOut {
    0% {
        transform-origin: 100% 50%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.8)
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.8)
    }

    to {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
}

@keyframes antZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.8)
    }
}

.ant-motion-collapse {
    overflow: hidden
}

.ant-motion-collapse-active {
    transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important
}

.ant-affix {
    position: fixed;
    z-index: 10
}

.ant-alert {
    position: relative;
    padding: 8px 48px 8px 38px;
    border-radius: 4px;
    color: rgba(0,0,0,.65);
    font-size: 12px;
    line-height: 1.5
}

.ant-alert.ant-alert-no-icon {
    padding: 8px 48px 8px 16px
}

.ant-alert-icon {
    font-size: 14px;
    top: 10px;
    left: 16px;
    position: absolute
}

.ant-alert-description {
    font-size: 12px;
    line-height: 21px;
    display: none
}

.ant-alert-success {
    border: 1px solid #cfefdf;
    background-color: #ebf8f2
}

.ant-alert-success .ant-alert-icon {
    color: #00a854
}

.ant-alert-info {
    border: 1px solid #d2eafb;
    background-color: #ecf6fd
}

.ant-alert-info .ant-alert-icon {
    color: #108ee9
}

.ant-alert-warning {
    border: 1px solid #fff3cf;
    background-color: #fffaeb
}

.ant-alert-warning .ant-alert-icon {
    color: #ffbf00
}

.ant-alert-error {
    border: 1px solid #fcdbd9;
    background-color: #fef0ef
}

.ant-alert-error .ant-alert-icon {
    color: #f04134
}

.ant-alert-close-icon {
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 10px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    cursor: pointer
}

.ant-alert-close-icon .anticon-cross {
    color: rgba(0,0,0,.43);
    transition: color .3s ease
}

.ant-alert-close-icon .anticon-cross:hover {
    color: #404040
}

.ant-alert-close-text {
    position: absolute;
    right: 16px
}

.ant-alert-with-description {
    padding: 16px 16px 16px 60px;
    position: relative;
    border-radius: 4px;
    color: rgba(0,0,0,.65);
    line-height: 1.5
}

.ant-alert-with-description.ant-alert-no-icon {
    padding: 16px
}

.ant-alert-with-description .ant-alert-icon {
    position: absolute;
    top: 16px;
    left: 20px;
    font-size: 24px
}

.ant-alert-with-description .ant-alert-close-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    font-size: 12px
}

.ant-alert-with-description .ant-alert-message {
    font-size: 14px;
    color: rgba(0,0,0,.85);
    display: block;
    margin-bottom: 4px
}

.ant-alert-with-description .ant-alert-description {
    display: block
}

.ant-alert.ant-alert-close {
    height: 0!important;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    transform-origin: 50% 0
}

.ant-alert-slide-up-leave {
    animation: antAlertSlideUpOut .3s cubic-bezier(.78,.14,.15,.86);
    animation-fill-mode: both
}

.ant-alert-banner {
    border-radius: 0;
    border: 0;
    margin-bottom: 0
}

@keyframes antAlertSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes antAlertSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }
}

.ant-anchor {
    position: relative
}

.ant-anchor-wrapper {
    background-color: #fff
}

.ant-anchor-ink {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0
}

.ant-anchor-ink:before {
    content: " ";
    position: relative;
    width: 2px;
    height: 100%;
    display: block;
    background-color: #e9e9e9;
    margin: 0 auto
}

.ant-anchor-ink-ball {
    display: none;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    border: 3px solid #108ee9;
    background-color: #fff;
    left: 50%;
    transition: top .3s ease-in-out;
    transform: translateX(-50%)
}

.ant-anchor-ink-ball.visible {
    display: inline-block
}

.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
    display: none
}

.ant-anchor-link {
    padding: 8px 0 8px 18px;
    line-height: 1
}

.ant-anchor-link .ant-anchor-link {
    padding-top: 6px;
    padding-bottom: 6px
}

.ant-anchor-link-title {
    display: block;
    position: relative;
    transition: all .3s;
    color: rgba(0,0,0,.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px
}

.ant-anchor-link-title:only-child {
    margin-bottom: 0
}

.ant-anchor-link-active>.ant-anchor-link-title {
    color: #108ee9
}

.ant-anchor-link>.ant-anchor-link {
    font-size: 12px
}

.ant-select-auto-complete.ant-select .ant-select-selection {
    border: 0;
    box-shadow: none
}

.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    line-height: 28px
}

.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
    margin-left: 8px;
    margin-right: 8px
}

.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
    margin-right: 0!important
}

.ant-select-auto-complete.ant-select .ant-input {
    background: transparent
}

.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
    line-height: 32px
}

.ant-select-auto-complete.ant-select-lg .ant-input {
    padding: 6px 7px;
    height: 32px
}

.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
    line-height: 22px
}

.ant-select-auto-complete.ant-select-sm .ant-input {
    padding: 1px 7px;
    height: 22px
}

.ant-select-auto-complete.ant-select .ant-input {
    border-width: 1px
}

.ant-select-auto-complete.ant-select .ant-input:focus,.ant-select-auto-complete.ant-select .ant-input:hover {
    border-color: #49a9ee
}

.ant-select {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    color: rgba(0,0,0,.65);
    font-size: 12px
}

.ant-select>ul>li>a {
    padding: 0;
    background-color: #fff
}

.ant-select-arrow {
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -6px;
    color: rgba(0,0,0,.43);
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

.ant-select-arrow:before {
    display: block;
    font-family: anticon!important
}

:root .ant-select-arrow {
    filter: none;
    font-size: 12px
}

.ant-select-arrow * {
    display: none
}

.ant-select-arrow:before {
    content: "\E61D";
    transition: transform .2s ease
}

.ant-select-selection {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select-selection:hover {
    border-color: #49a9ee
}

.ant-select-focused .ant-select-selection,.ant-select-selection:active,.ant-select-selection:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-select-selection__clear {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    opacity: 0;
    position: absolute;
    right: 8px;
    z-index: 1;
    background: #fff;
    top: 50%;
    font-size: 12px;
    color: rgba(0,0,0,.25);
    width: 12px;
    height: 12px;
    margin-top: -6px;
    line-height: 12px;
    cursor: pointer;
    transition: color .3s ease,opacity .15s ease
}

.ant-select-selection__clear:before {
    display: block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E62E"
}

.ant-select-selection__clear:hover {
    color: rgba(0,0,0,.43)
}

.ant-select-selection:hover .ant-select-selection__clear {
    opacity: 1
}

.ant-select-selection-selected-value {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 14px
}

.ant-select-disabled {
    color: rgba(0,0,0,.25)
}

.ant-select-disabled .ant-select-selection {
    background: #f7f7f7;
    cursor: not-allowed
}

.ant-select-disabled .ant-select-selection:active,.ant-select-disabled .ant-select-selection:focus,.ant-select-disabled .ant-select-selection:hover {
    border-color: #d9d9d9;
    box-shadow: none
}

.ant-select-disabled .ant-select-selection__clear {
    display: none;
    visibility: hidden;
    pointer-events: none
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
    background: #eee;
    color: #aaa;
    padding-right: 10px
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
    display: none
}

.ant-select-selection--single {
    height: 28px;
    position: relative;
    cursor: pointer
}

.ant-select-selection__rendered {
    display: block;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    line-height: 26px
}

.ant-select-selection__rendered:after {
    content: ".";
    visibility: hidden;
    pointer-events: none;
    display: inline-block;
    width: 0
}

.ant-select-lg .ant-select-selection--single {
    height: 32px
}

.ant-select-lg .ant-select-selection__rendered {
    line-height: 30px
}

.ant-select-lg .ant-select-selection--multiple {
    min-height: 32px
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
    height: 24px;
    line-height: 24px
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
    top: 16px
}

.ant-select-sm .ant-select-selection--single {
    height: 22px
}

.ant-select-sm .ant-select-selection__rendered {
    line-height: 20px
}

.ant-select-sm .ant-select-selection--multiple {
    min-height: 22px
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
    height: 14px;
    line-height: 14px
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
    top: 11px
}

.ant-select-disabled .ant-select-selection__choice__remove {
    color: rgba(0,0,0,.25);
    cursor: default
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
    color: rgba(0,0,0,.25)
}

.ant-select-search__field__wrap {
    display: inline-block;
    position: relative
}

.ant-select-search__field__placeholder,.ant-select-selection__placeholder {
    position: absolute;
    top: 50%;
    left: 0;
    right: 9px;
    color: rgba(0,0,0,.25);
    line-height: 20px;
    height: 20px;
    max-width: 100%;
    margin-top: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.ant-select-search__field__placeholder {
    left: 8px
}

.ant-select-search--inline {
    position: absolute;
    height: 100%;
    width: 100%
}

.ant-select-selection--multiple .ant-select-search--inline {
    float: left;
    position: static
}

.ant-select-search--inline .ant-select-search__field__wrap {
    width: 100%;
    height: 100%
}

.ant-select-search--inline .ant-select-search__field {
    border-width: 0;
    font-size: 100%;
    height: 100%;
    width: 100%;
    background: transparent;
    outline: 0;
    border-radius: 4px
}

.ant-select-search--inline .ant-select-search__field__mirror {
    position: absolute;
    top: 0;
    left: -9999px;
    white-space: pre;
    pointer-events: none
}

.ant-select-search--inline>i {
    float: right
}

.ant-select-selection--multiple {
    min-height: 28px;
    cursor: text;
    padding-bottom: 3px;
    zoom: 1
}

.ant-select-selection--multiple:after,.ant-select-selection--multiple:before {
    content: " ";
    display: table
}

.ant-select-selection--multiple:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-select-selection--multiple .ant-select-search--inline {
    width: auto;
    padding: 0;
    max-width: 100%
}

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
    max-width: 100%;
    width: .75em
}

.ant-select-selection--multiple .ant-select-selection__rendered {
    margin-left: 5px;
    margin-bottom: -3px;
    height: auto
}

.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,.ant-select-selection--multiple>ul>li {
    margin-top: 3px;
    height: 20px;
    line-height: 20px
}

.ant-select-selection--multiple .ant-select-selection__choice {
    color: rgba(0,0,0,.65);
    background-color: #f3f3f3;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 4px;
    max-width: 99%;
    position: relative;
    overflow: hidden;
    transition: padding .3s cubic-bezier(.645,.045,.355,1);
    padding: 0 20px 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
    padding: 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__content {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: margin .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(0,0,0,.43);
    line-height: inherit;
    cursor: pointer;
    font-weight: 700;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    position: absolute;
    right: 4px;
    padding: 0 0 0 8px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
    display: block;
    font-family: anticon!important
}

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
    filter: none;
    font-size: 12px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
    color: #404040
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
    content: "\E633"
}

.ant-select-selection--multiple .ant-select-selection__clear {
    top: 14px
}

.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
    margin-right: 20px
}

.ant-select-open .ant-select-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -ms-transform: rotate(180deg)
}

.ant-select-open .ant-select-arrow:before {
    transform: rotate(180deg)
}

.ant-select-open .ant-select-selection {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-select-combobox .ant-select-arrow {
    display: none
}

.ant-select-combobox .ant-select-search--inline {
    height: 100%;
    width: 100%;
    float: none
}

.ant-select-combobox .ant-select-search__field__wrap {
    width: 100%;
    height: 100%
}

.ant-select-combobox .ant-select-search__field {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    box-shadow: none
}

.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
    margin-right: 20px
}

.ant-select-dropdown {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 1050;
    left: -9999px;
    top: -9999px;
    position: absolute;
    outline: none;
    overflow: hidden;
    font-size: 12px
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpIn
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownIn
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOut
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
    display: none
}

.ant-select-dropdown-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow: auto
}

.ant-select-dropdown-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item {
    padding-left: 16px
}

.ant-select-dropdown-menu-item-group-title {
    color: rgba(0,0,0,.43);
    line-height: 1.5;
    padding: 8px
}

.ant-select-dropdown-menu-item {
    position: relative;
    display: block;
    padding: 7px 8px;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    transition: background .3s ease
}

.ant-select-dropdown-menu-item:hover {
    background-color: #ecf6fd
}

.ant-select-dropdown-menu-item-disabled {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-select-dropdown-menu-item-disabled:hover {
    color: rgba(0,0,0,.25);
    background-color: #fff;
    cursor: not-allowed
}

.ant-select-dropdown-menu-item-selected,.ant-select-dropdown-menu-item-selected:hover {
    background-color: #f7f7f7;
    font-weight: 600;
    color: rgba(0,0,0,.65)
}

.ant-select-dropdown-menu-item-active {
    background-color: #ecf6fd
}

.ant-select-dropdown-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    line-height: 0
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E632";
    color: transparent;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    transition: all .2s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    font-weight: 700;
    text-shadow: 0 .1px 0,.1px 0 0,0 -.1px 0,-.1px 0
}

:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
    filter: none;
    font-size: 12px
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
    color: #ddd
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
    display: none
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
    color: #108ee9;
    display: inline-block
}

.ant-select-dropdown-container-open .ant-select-dropdown,.ant-select-dropdown-open .ant-select-dropdown {
    display: block
}

.ant-input-search-icon {
    cursor: pointer;
    transition: all .3s;
    font-size: 14px
}

.ant-input-search-icon:hover {
    color: #108ee9
}

.ant-search-input-wrapper {
    display: inline-block;
    vertical-align: middle
}

.ant-search-input.ant-input-group .ant-input:first-child,.ant-search-input.ant-input-group .ant-select:first-child {
    border-radius: 4px;
    position: absolute;
    top: -1px;
    width: 100%
}

.ant-search-input.ant-input-group .ant-input:first-child {
    padding-right: 36px
}

.ant-search-input .ant-search-btn {
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border-color: #d9d9d9;
    border-radius: 0 3px 3px 0;
    left: -1px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px
}

.ant-search-input .ant-search-btn>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn:focus,.ant-search-input .ant-search-btn:hover {
    color: #108ee9;
    background-color: #fff;
    border-color: #108ee9
}

.ant-search-input .ant-search-btn:focus>a:only-child,.ant-search-input .ant-search-btn:hover>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn:focus>a:only-child:after,.ant-search-input .ant-search-btn:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn.active,.ant-search-input .ant-search-btn:active {
    color: #0e77ca;
    background-color: #fff;
    border-color: #0e77ca
}

.ant-search-input .ant-search-btn.active>a:only-child,.ant-search-input .ant-search-btn:active>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn.active>a:only-child:after,.ant-search-input .ant-search-btn:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn.disabled,.ant-search-input .ant-search-btn.disabled.active,.ant-search-input .ant-search-btn.disabled:active,.ant-search-input .ant-search-btn.disabled:focus,.ant-search-input .ant-search-btn.disabled:hover,.ant-search-input .ant-search-btn[disabled],.ant-search-input .ant-search-btn[disabled].active,.ant-search-input .ant-search-btn[disabled]:active,.ant-search-input .ant-search-btn[disabled]:focus,.ant-search-input .ant-search-btn[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-search-input .ant-search-btn.disabled.active>a:only-child,.ant-search-input .ant-search-btn.disabled:active>a:only-child,.ant-search-input .ant-search-btn.disabled:focus>a:only-child,.ant-search-input .ant-search-btn.disabled:hover>a:only-child,.ant-search-input .ant-search-btn.disabled>a:only-child,.ant-search-input .ant-search-btn[disabled].active>a:only-child,.ant-search-input .ant-search-btn[disabled]:active>a:only-child,.ant-search-input .ant-search-btn[disabled]:focus>a:only-child,.ant-search-input .ant-search-btn[disabled]:hover>a:only-child,.ant-search-input .ant-search-btn[disabled]>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn.disabled.active>a:only-child:after,.ant-search-input .ant-search-btn.disabled:active>a:only-child:after,.ant-search-input .ant-search-btn.disabled:focus>a:only-child:after,.ant-search-input .ant-search-btn.disabled:hover>a:only-child:after,.ant-search-input .ant-search-btn.disabled>a:only-child:after,.ant-search-input .ant-search-btn[disabled].active>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:active>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:focus>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:hover>a:only-child:after,.ant-search-input .ant-search-btn[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn.active,.ant-search-input .ant-search-btn:active,.ant-search-input .ant-search-btn:focus,.ant-search-input .ant-search-btn:hover {
    background: #fff
}

.ant-search-input .ant-search-btn:hover {
    border-color: #d9d9d9
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,.ant-search-input:hover .ant-search-btn-noempty {
    color: #fff;
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child,.ant-search-input:hover .ant-search-btn-noempty>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,.ant-search-input:hover .ant-search-btn-noempty:focus,.ant-search-input:hover .ant-search-btn-noempty:hover {
    color: #fff;
    background-color: #49a9ee;
    border-color: #49a9ee
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,.ant-search-input:hover .ant-search-btn-noempty.active,.ant-search-input:hover .ant-search-btn-noempty:active {
    color: #fff;
    background-color: #0e77ca;
    border-color: #0e77ca
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,.ant-search-input:hover .ant-search-btn-noempty.disabled,.ant-search-input:hover .ant-search-btn-noempty.disabled.active,.ant-search-input:hover .ant-search-btn-noempty.disabled:active,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,.ant-search-input:hover .ant-search-btn-noempty[disabled],.ant-search-input:hover .ant-search-btn-noempty[disabled].active,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
    margin-right: 29px
}

.ant-input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s
}

.ant-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input:focus,.ant-input:hover {
    border-color: #49a9ee
}

.ant-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-input-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-input-disabled:hover {
    border-color: #e2e2e2
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-input-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

.ant-input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.ant-input-group>[class*=col-] {
    padding-right: 8px
}

.ant-input-group>[class*=col-]:last-child {
    padding-right: 0
}

.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input {
    display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-group-addon,.ant-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-group-wrap>* {
    display: block!important
}

.ant-input-group .ant-input {
    float: left;
    width: 100%;
    margin-bottom: 0
}

.ant-input-group .ant-input:focus {
    z-index: 1
}

.ant-input-group-addon {
    padding: 4px 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: rgba(0,0,0,.65);
    text-align: center;
    background-color: #eee;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    position: relative;
    transition: all .3s
}

.ant-input-group-addon .ant-select {
    margin: -5px -7px
}

.ant-input-group-addon .ant-select .ant-select-selection {
    background-color: inherit;
    margin: -1px;
    border: 1px solid transparent;
    box-shadow: none
}

.ant-input-group-addon .ant-select-focused .ant-select-selection,.ant-input-group-addon .ant-select-open .ant-select-selection {
    color: #108ee9
}

.ant-input-group-addon>i:only-child:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ant-input-group-addon:first-child,.ant-input-group-addon:first-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:first-child,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ant-input-group-addon:first-child {
    border-right: 0
}

.ant-input-group-addon:last-child {
    border-left: 0
}

.ant-input-group-addon:last-child,.ant-input-group-addon:last-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:last-child,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon {
    padding: 6px 7px;
    height: 32px
}

.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon {
    padding: 1px 7px;
    height: 22px
}

.ant-input-group-lg .ant-select-selection--single {
    height: 32px
}

.ant-input-group-sm .ant-select-selection--single {
    height: 22px
}

.ant-input-group .ant-input-affix-wrapper {
    display: table-cell;
    width: 100%;
    float: left
}

.ant-input-group.ant-input-group-compact>* {
    border-radius: 0;
    border-right-width: 0;
    vertical-align: middle;
    float: none;
    display: inline-block
}

.ant-input-group.ant-input-group-compact .ant-input {
    float: none;
    z-index: auto
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input {
    border-radius: 0;
    border-right-width: 0
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input,.ant-input-group.ant-input-group-compact>:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input,.ant-input-group.ant-input-group-compact>:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width: 1px
}

.ant-input-group-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.ant-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

.ant-input-affix-wrapper .ant-input {
    z-index: 1
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: #49a9ee
}

.ant-input-affix-wrapper .ant-input-prefix,.ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    line-height: 0;
    color: rgba(0,0,0,.65)
}

.ant-input-affix-wrapper .ant-input-prefix {
    left: 7px
}

.ant-input-affix-wrapper .ant-input-suffix {
    right: 7px
}

.ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 24px
}

.ant-input-affix-wrapper .ant-input:not(:last-child) {
    padding-right: 24px
}

.ant-input-affix-wrapper .ant-input {
    min-height: 100%
}

.ant-avatar {
    display: inline-block;
    text-align: center;
    background: #ccc;
    color: #fff;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.ant-avatar,.ant-avatar>* {
    line-height: 32px
}

.ant-avatar.ant-avatar-icon {
    font-size: 18px
}

.ant-avatar-lg {
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.ant-avatar-lg,.ant-avatar-lg>* {
    line-height: 40px
}

.ant-avatar-lg.ant-avatar-icon {
    font-size: 24px
}

.ant-avatar-sm {
    width: 24px;
    height: 24px;
    border-radius: 12px
}

.ant-avatar-sm,.ant-avatar-sm>* {
    line-height: 24px
}

.ant-avatar-sm.ant-avatar-icon {
    font-size: 14px
}

.ant-avatar-square {
    border-radius: 4px
}

.ant-avatar>img {
    width: 100%;
    height: 100%
}

.ant-back-top {
    z-index: 10;
    position: fixed;
    right: 100px;
    bottom: 50px;
    height: 40px;
    width: 40px;
    cursor: pointer
}

.ant-back-top-content {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: rgba(64,64,64,.4);
    color: #fff;
    text-align: center;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-back-top-content:hover {
    background-color: rgba(64,64,64,.6);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-back-top-icon {
    font-size: 20px;
    margin-top: 10px
}

.ant-badge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.ant-badge-count {
    position: absolute;
    transform: translateX(-50%);
    top: -10px;
    height: 20px;
    border-radius: 10px;
    min-width: 20px;
    background: #f04134;
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding: 0 6px;
    font-size: 12px;
    white-space: nowrap;
    transform-origin: -10% center;
    font-family: tahoma
}

.ant-badge-count a,.ant-badge-count a:hover {
    color: #fff
}

.ant-badge-dot {
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 0 center;
    top: -4px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #f04134;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff
}

.ant-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.ant-badge-status-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%
}

.ant-badge-status-success {
    background-color: #00a854
}

.ant-badge-status-processing {
    background-color: #108ee9;
    position: relative
}

.ant-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #108ee9;
    content: "";
    animation: antStatusProcessing 1.2s infinite ease-in-out
}

.ant-badge-status-default {
    background-color: #d9d9d9
}

.ant-badge-status-error {
    background-color: #f04134
}

.ant-badge-status-warning {
    background-color: #ffbf00
}

.ant-badge-status-text {
    color: rgba(0,0,0,.65);
    font-size: 12px;
    margin-left: 8px
}

.ant-badge-zoom-appear,.ant-badge-zoom-enter {
    animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);
    animation-fill-mode: both
}

.ant-badge-zoom-leave {
    animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);
    animation-fill-mode: both
}

.ant-badge-not-a-wrapper .ant-badge-count {
    top: auto;
    display: block;
    position: relative;
    transform: none!important
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(2.4);
        opacity: 0
    }
}

.ant-scroll-number {
    overflow: hidden
}

.ant-scroll-number-only {
    display: inline-block;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    height: 20px
}

.ant-scroll-number-only>p {
    height: 20px
}

@keyframes antZoomBadgeIn {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-50%)
    }

    to {
        transform: scale(1) translateX(-50%)
    }
}

@keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translateX(-50%)
    }

    to {
        opacity: 0;
        transform: scale(0) translateX(-50%)
    }
}

.ant-breadcrumb {
    color: rgba(0,0,0,.65);
    font-size: 12px
}

.ant-breadcrumb a {
    color: rgba(0,0,0,.65);
    transition: color .3s
}

.ant-breadcrumb a:hover {
    color: #49a9ee
}

.ant-breadcrumb>span:last-child {
    font-weight: 500;
    color: rgba(0,0,0,.65)
}

.ant-breadcrumb>span:last-child .ant-breadcrumb-separator {
    display: none
}

.ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgba(0,0,0,.3)
}

.ant-breadcrumb-link>.anticon+span {
    margin-left: 4px
}

.ant-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.15;
    padding: 0 15px;
    font-size: 12px;
    border-radius: 4px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border-color: #d9d9d9
}

.ant-btn>.anticon {
    line-height: 1
}

.ant-btn,.ant-btn:active,.ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    outline: 0;
    transition: none
}

.ant-btn.disabled,.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn.disabled>*,.ant-btn[disabled]>* {
    pointer-events: none
}

.ant-btn-lg {
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px
}

.ant-btn-sm {
    padding: 0 7px;
    font-size: 12px;
    border-radius: 4px;
    height: 22px
}

.ant-btn>a:only-child {
    color: currentColor
}

.ant-btn>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn:focus,.ant-btn:hover {
    color: #108ee9;
    background-color: #fff;
    border-color: #108ee9
}

.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child {
    color: currentColor
}

.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn.active,.ant-btn:active {
    color: #0e77ca;
    background-color: #fff;
    border-color: #0e77ca
}

.ant-btn.active>a:only-child,.ant-btn:active>a:only-child {
    color: currentColor
}

.ant-btn.active>a:only-child:after,.ant-btn:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn.disabled,.ant-btn.disabled.active,.ant-btn.disabled:active,.ant-btn.disabled:focus,.ant-btn.disabled:hover,.ant-btn[disabled],.ant-btn[disabled].active,.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn.disabled.active>a:only-child,.ant-btn.disabled:active>a:only-child,.ant-btn.disabled:focus>a:only-child,.ant-btn.disabled:hover>a:only-child,.ant-btn.disabled>a:only-child,.ant-btn[disabled].active>a:only-child,.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child {
    color: currentColor
}

.ant-btn.disabled.active>a:only-child:after,.ant-btn.disabled:active>a:only-child:after,.ant-btn.disabled:focus>a:only-child:after,.ant-btn.disabled:hover>a:only-child:after,.ant-btn.disabled>a:only-child:after,.ant-btn[disabled].active>a:only-child:after,.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn.active,.ant-btn:active,.ant-btn:focus,.ant-btn:hover {
    background: #fff
}

.ant-btn>i,.ant-btn>span {
    pointer-events: none
}

.ant-btn-primary {
    color: #fff;
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-btn-primary>a:only-child {
    color: currentColor
}

.ant-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary:focus,.ant-btn-primary:hover {
    color: #fff;
    background-color: #49a9ee;
    border-color: #49a9ee
}

.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
    color: currentColor
}

.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary.active,.ant-btn-primary:active {
    color: #fff;
    background-color: #0e77ca;
    border-color: #0e77ca
}

.ant-btn-primary.active>a:only-child,.ant-btn-primary:active>a:only-child {
    color: currentColor
}

.ant-btn-primary.active>a:only-child:after,.ant-btn-primary:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary.disabled,.ant-btn-primary.disabled.active,.ant-btn-primary.disabled:active,.ant-btn-primary.disabled:focus,.ant-btn-primary.disabled:hover,.ant-btn-primary[disabled],.ant-btn-primary[disabled].active,.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-primary.disabled.active>a:only-child,.ant-btn-primary.disabled:active>a:only-child,.ant-btn-primary.disabled:focus>a:only-child,.ant-btn-primary.disabled:hover>a:only-child,.ant-btn-primary.disabled>a:only-child,.ant-btn-primary[disabled].active>a:only-child,.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-primary.disabled.active>a:only-child:after,.ant-btn-primary.disabled:active>a:only-child:after,.ant-btn-primary.disabled:focus>a:only-child:after,.ant-btn-primary.disabled:hover>a:only-child:after,.ant-btn-primary.disabled>a:only-child:after,.ant-btn-primary[disabled].active>a:only-child:after,.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: #0e77ca;
    border-left-color: #0e77ca
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #0e77ca
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #0e77ca
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #d9d9d9
}

.ant-btn-ghost {
    color: rgba(0,0,0,.65);
    background-color: transparent;
    border-color: #d9d9d9
}

.ant-btn-ghost>a:only-child {
    color: currentColor
}

.ant-btn-ghost>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost:focus,.ant-btn-ghost:hover {
    color: #108ee9;
    background-color: transparent;
    border-color: #108ee9
}

.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child {
    color: currentColor
}

.ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost.active,.ant-btn-ghost:active {
    color: #0e77ca;
    background-color: transparent;
    border-color: #0e77ca
}

.ant-btn-ghost.active>a:only-child,.ant-btn-ghost:active>a:only-child {
    color: currentColor
}

.ant-btn-ghost.active>a:only-child:after,.ant-btn-ghost:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost.disabled,.ant-btn-ghost.disabled.active,.ant-btn-ghost.disabled:active,.ant-btn-ghost.disabled:focus,.ant-btn-ghost.disabled:hover,.ant-btn-ghost[disabled],.ant-btn-ghost[disabled].active,.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-ghost.disabled.active>a:only-child,.ant-btn-ghost.disabled:active>a:only-child,.ant-btn-ghost.disabled:focus>a:only-child,.ant-btn-ghost.disabled:hover>a:only-child,.ant-btn-ghost.disabled>a:only-child,.ant-btn-ghost[disabled].active>a:only-child,.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-ghost.disabled.active>a:only-child:after,.ant-btn-ghost.disabled:active>a:only-child:after,.ant-btn-ghost.disabled:focus>a:only-child:after,.ant-btn-ghost.disabled:hover>a:only-child:after,.ant-btn-ghost.disabled>a:only-child:after,.ant-btn-ghost[disabled].active>a:only-child:after,.ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed {
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: dashed
}

.ant-btn-dashed>a:only-child {
    color: currentColor
}

.ant-btn-dashed>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed:focus,.ant-btn-dashed:hover {
    color: #108ee9;
    background-color: #fff;
    border-color: #108ee9
}

.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child {
    color: currentColor
}

.ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed.active,.ant-btn-dashed:active {
    color: #0e77ca;
    background-color: #fff;
    border-color: #0e77ca
}

.ant-btn-dashed.active>a:only-child,.ant-btn-dashed:active>a:only-child {
    color: currentColor
}

.ant-btn-dashed.active>a:only-child:after,.ant-btn-dashed:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed.disabled,.ant-btn-dashed.disabled.active,.ant-btn-dashed.disabled:active,.ant-btn-dashed.disabled:focus,.ant-btn-dashed.disabled:hover,.ant-btn-dashed[disabled],.ant-btn-dashed[disabled].active,.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-dashed.disabled.active>a:only-child,.ant-btn-dashed.disabled:active>a:only-child,.ant-btn-dashed.disabled:focus>a:only-child,.ant-btn-dashed.disabled:hover>a:only-child,.ant-btn-dashed.disabled>a:only-child,.ant-btn-dashed[disabled].active>a:only-child,.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-dashed.disabled.active>a:only-child:after,.ant-btn-dashed.disabled:active>a:only-child:after,.ant-btn-dashed.disabled:focus>a:only-child:after,.ant-btn-dashed.disabled:hover>a:only-child:after,.ant-btn-dashed.disabled>a:only-child:after,.ant-btn-dashed[disabled].active>a:only-child:after,.ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-danger {
    color: #f04134;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-danger>a:only-child {
    color: currentColor
}

.ant-btn-danger>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-danger:focus,.ant-btn-danger:hover {
    color: #fff;
    background-color: #f04134;
    border-color: #f04134
}

.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child {
    color: currentColor
}

.ant-btn-danger:focus>a:only-child:after,.ant-btn-danger:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-danger.active,.ant-btn-danger:active {
    color: #fff;
    background-color: #d73435;
    border-color: #d73435
}

.ant-btn-danger.active>a:only-child,.ant-btn-danger:active>a:only-child {
    color: currentColor
}

.ant-btn-danger.active>a:only-child:after,.ant-btn-danger:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-danger.disabled,.ant-btn-danger.disabled.active,.ant-btn-danger.disabled:active,.ant-btn-danger.disabled:focus,.ant-btn-danger.disabled:hover,.ant-btn-danger[disabled],.ant-btn-danger[disabled].active,.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-danger.disabled.active>a:only-child,.ant-btn-danger.disabled:active>a:only-child,.ant-btn-danger.disabled:focus>a:only-child,.ant-btn-danger.disabled:hover>a:only-child,.ant-btn-danger.disabled>a:only-child,.ant-btn-danger[disabled].active>a:only-child,.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-danger.disabled.active>a:only-child:after,.ant-btn-danger.disabled:active>a:only-child:after,.ant-btn-danger.disabled:focus>a:only-child:after,.ant-btn-danger.disabled:hover>a:only-child:after,.ant-btn-danger.disabled>a:only-child:after,.ant-btn-danger[disabled].active>a:only-child:after,.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-circle,.ant-btn-circle-outline {
    width: 28px;
    padding: 0;
    font-size: 14px;
    border-radius: 50%;
    height: 28px
}

.ant-btn-circle-outline.ant-btn-lg,.ant-btn-circle.ant-btn-lg {
    width: 32px;
    padding: 0;
    font-size: 16px;
    border-radius: 50%;
    height: 32px
}

.ant-btn-circle-outline.ant-btn-sm,.ant-btn-circle.ant-btn-sm {
    width: 22px;
    padding: 0;
    font-size: 12px;
    border-radius: 50%;
    height: 22px
}

.ant-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #fff;
    opacity: .35;
    content: "";
    border-radius: inherit;
    z-index: 1;
    transition: opacity .2s;
    pointer-events: none;
    display: none
}

.ant-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) {
    padding-left: 29px;
    pointer-events: none;
    position: relative
}

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) .anticon {
    margin-left: -14px
}

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) {
    padding-left: 24px
}

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) .anticon {
    margin-left: -17px
}

.ant-btn-group {
    position: relative;
    display: inline-block
}

.ant-btn-group>.ant-btn {
    position: relative;
    z-index: 1
}

.ant-btn-group>.ant-btn.active,.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover {
    z-index: 2
}

.ant-btn-group>.ant-btn:disabled {
    z-index: 0
}

.ant-btn-group-lg>.ant-btn {
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px
}

.ant-btn-group-sm>.ant-btn {
    padding: 0 7px;
    font-size: 12px;
    border-radius: 4px;
    height: 22px
}

.ant-btn-group-sm>.ant-btn>.anticon {
    font-size: 12px
}

.ant-btn+.ant-btn-group,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn {
    margin-left: -1px
}

.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px
}

.ant-btn-group>.ant-btn:first-child {
    margin-left: 0
}

.ant-btn-group>.ant-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn-group>.ant-btn-group {
    float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
    padding-left: 8px;
    padding-right: 8px
}

.ant-btn:active>span,.ant-btn:focus>span {
    position: relative
}

.ant-btn>.anticon+span,.ant-btn>span+.anticon {
    margin-left: .5em
}

.ant-btn-clicked:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    border: 0 solid #108ee9;
    opacity: .4;
    animation: buttonEffect .4s;
    display: block
}

.ant-btn-danger.ant-btn-clicked:after {
    border-color: #f04134
}

.ant-btn-background-ghost {
    background: transparent!important;
    border-color: #fff;
    color: #fff
}

.ant-btn-background-ghost.ant-btn-primary {
    color: #108ee9;
    background-color: transparent;
    border-color: #108ee9
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover {
    color: #49a9ee;
    background-color: transparent;
    border-color: #49a9ee
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-primary.active,.ant-btn-background-ghost.ant-btn-primary:active {
    color: #0e77ca;
    background-color: transparent;
    border-color: #0e77ca
}

.ant-btn-background-ghost.ant-btn-primary.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-primary.disabled,.ant-btn-background-ghost.ant-btn-primary.disabled.active,.ant-btn-background-ghost.ant-btn-primary.disabled:active,.ant-btn-background-ghost.ant-btn-primary.disabled:focus,.ant-btn-background-ghost.ant-btn-primary.disabled:hover,.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled].active,.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-danger {
    color: #f04134;
    background-color: transparent;
    border-color: #f04134
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover {
    color: #f46e65;
    background-color: transparent;
    border-color: #f46e65
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-danger.active,.ant-btn-background-ghost.ant-btn-danger:active {
    color: #d73435;
    background-color: transparent;
    border-color: #d73435
}

.ant-btn-background-ghost.ant-btn-danger.active>a:only-child,.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-background-ghost.ant-btn-danger.disabled,.ant-btn-background-ghost.ant-btn-danger.disabled.active,.ant-btn-background-ghost.ant-btn-danger.disabled:active,.ant-btn-background-ghost.ant-btn-danger.disabled:focus,.ant-btn-background-ghost.ant-btn-danger.disabled:hover,.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled].active,.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
    color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

@keyframes buttonEffect {
    to {
        opacity: 0;
        top: -6px;
        left: -6px;
        bottom: -6px;
        right: -6px;
        border-width: 6px
    }
}

.ant-fullcalendar {
    font-size: 12px;
    line-height: 1.5;
    outline: none;
    border-top: 1px solid #d9d9d9
}

.ant-fullcalendar-month-select {
    margin-left: 5px
}

.ant-fullcalendar-header {
    padding: 11px 16px 11px 0;
    text-align: right
}

.ant-fullcalendar-header .ant-select-dropdown {
    text-align: left
}

.ant-fullcalendar-header .ant-radio-group {
    margin-left: 8px;
    text-align: left
}

.ant-fullcalendar-header label.ant-radio-button {
    height: 22px;
    line-height: 20px;
    padding: 0 10px
}

.ant-fullcalendar-date-panel {
    position: relative;
    outline: none
}

.ant-fullcalendar-calendar-body {
    padding: 8px 8px 14px
}

.ant-fullcalendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
    height: 246px
}

.ant-fullcalendar table,.ant-fullcalendar td,.ant-fullcalendar th {
    border: 0
}

.ant-fullcalendar td {
    position: relative
}

.ant-fullcalendar-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.ant-fullcalendar-column-header {
    line-height: 18px;
    padding: 0;
    width: 33px;
    text-align: center
}

.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
    display: block;
    font-weight: 400
}

.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
    display: none
}

.ant-fullcalendar-date,.ant-fullcalendar-month {
    text-align: center;
    transition: all .3s
}

.ant-fullcalendar-value {
    display: block;
    margin: 0 auto;
    color: rgba(0,0,0,.65);
    border-radius: 4px;
    width: 22px;
    height: 22px;
    padding: 0;
    background: transparent;
    line-height: 22px;
    transition: all .3s
}

.ant-fullcalendar-value:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-fullcalendar-value:active {
    background: #108ee9;
    color: #fff
}

.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
    width: 48px
}

.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,.ant-fullcalendar-today .ant-fullcalendar-value {
    box-shadow: 0 0 0 1px #108ee9
}

.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,.ant-fullcalendar-selected-day .ant-fullcalendar-value {
    background: #108ee9;
    color: #fff
}

.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
    color: rgba(0,0,0,.25)
}

.ant-fullcalendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate
}

.ant-fullcalendar-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -9px
}

.ant-fullcalendar-fullscreen {
    border-top: 0
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
    table-layout: fixed
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
    margin-left: 16px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
    height: 28px;
    line-height: 26px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date,.ant-fullcalendar-fullscreen .ant-fullcalendar-month {
    text-align: left;
    margin: 0 4px;
    display: block;
    color: rgba(0,0,0,.65);
    height: 116px;
    padding: 4px 8px;
    border-top: 2px solid #e9e9e9;
    transition: background .3s
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover,.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active,.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active {
    background: #d2eafb
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
    text-align: right;
    padding-right: 12px;
    padding-bottom: 5px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
    text-align: right;
    background: transparent;
    width: auto
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
    color: rgba(0,0,0,.65)
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
    border-top-color: #108ee9;
    background: transparent
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
    box-shadow: none
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
    background: #ecf6fd
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
    color: #108ee9
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
    color: rgba(0,0,0,.25)
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
    height: 90px;
    overflow-y: auto;
    position: static;
    width: auto;
    left: auto;
    bottom: auto
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
    cursor: not-allowed
}

.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
    background: transparent
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
    color: rgba(0,0,0,.25);
    border-radius: 0;
    width: auto;
    cursor: not-allowed
}

.ant-radio-group {
    display: inline-block;
    font-size: 12px
}

.ant-radio-wrapper {
    font-size: 12px;
    margin-right: 8px
}

.ant-radio,.ant-radio-wrapper {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer
}

.ant-radio {
    outline: none;
    line-height: 1;
    vertical-align: text-bottom
}

.ant-radio-focused .ant-radio-inner,.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,.ant-radio:hover .ant-radio-inner {
    border-color: #108ee9
}

.ant-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #108ee9;
    content: "";
    animation: antRadioEffect .36s ease-in-out;
    animation-fill-mode: both;
    visibility: hidden
}

.ant-radio-wrapper:hover .ant-radio:after,.ant-radio:hover:after {
    visibility: visible
}

.ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    transition: all .3s
}

.ant-radio-inner:after {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 3px;
    top: 3px;
    border-radius: 4px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #108ee9;
    opacity: 0;
    transform: scale(0);
    transition: all .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-radio-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.ant-radio-checked .ant-radio-inner {
    border-color: #108ee9
}

.ant-radio-checked .ant-radio-inner:after {
    transform: scale(1);
    opacity: 1;
    transition: all .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-radio-disabled .ant-radio-inner {
    border-color: #d9d9d9!important;
    background-color: #f7f7f7
}

.ant-radio-disabled .ant-radio-inner:after {
    background-color: #ccc
}

.ant-radio-disabled .ant-radio-input {
    cursor: not-allowed
}

.ant-radio-disabled+span {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

span.ant-radio+* {
    padding-left: 8px;
    padding-right: 8px
}

.ant-radio-button-wrapper {
    margin: 0;
    height: 28px;
    line-height: 26px;
    color: rgba(0,0,0,.65);
    display: inline-block;
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-left: 0;
    background: #fff;
    padding: 0 16px;
    position: relative
}

.ant-radio-button-wrapper a {
    color: rgba(0,0,0,.65)
}

.ant-radio-button-wrapper>.ant-radio-button {
    margin-left: 0;
    display: block;
    width: 0;
    height: 0
}

.ant-radio-group-large .ant-radio-button-wrapper {
    height: 32px;
    line-height: 30px
}

.ant-radio-group-small .ant-radio-button-wrapper {
    height: 22px;
    line-height: 20px;
    padding: 0 12px
}

.ant-radio-group-small .ant-radio-button-wrapper:first-child {
    border-radius: 2px 0 0 2px
}

.ant-radio-group-small .ant-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0
}

.ant-radio-button-wrapper:not(:first-child):before {
    content: "";
    display: block;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #d9d9d9
}

.ant-radio-button-wrapper:first-child {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #d9d9d9
}

.ant-radio-button-wrapper:last-child {
    border-radius: 0 4px 4px 0
}

.ant-radio-button-wrapper:first-child:last-child {
    border-radius: 4px
}

.ant-radio-button-wrapper-focused,.ant-radio-button-wrapper:hover {
    color: #108ee9;
    position: relative
}

.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=checkbox],.ant-radio-button-wrapper input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    height: 0
}

.ant-radio-button-wrapper-checked {
    background: #fff;
    border-color: #108ee9;
    color: #108ee9;
    box-shadow: -1px 0 0 0 #108ee9;
    z-index: 1
}

.ant-radio-button-wrapper-checked:before {
    background-color: #108ee9!important;
    opacity: .1
}

.ant-radio-button-wrapper-checked:first-child {
    border-color: #108ee9;
    box-shadow: none!important
}

.ant-radio-button-wrapper-checked:hover {
    border-color: #49a9ee;
    box-shadow: -1px 0 0 0 #49a9ee;
    color: #49a9ee
}

.ant-radio-button-wrapper-checked:active {
    border-color: #0e77ca;
    box-shadow: -1px 0 0 0 #0e77ca;
    color: #0e77ca
}

.ant-radio-button-wrapper-disabled {
    cursor: not-allowed
}

.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover {
    border-color: #d9d9d9;
    background-color: #f7f7f7;
    color: rgba(0,0,0,.25)
}

.ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #d9d9d9
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #d9d9d9;
    box-shadow: none
}

@keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-card {
    background: #fff;
    border-radius: 2px;
    font-size: 12px;
    position: relative;
    transition: all .3s
}

.ant-card:not(.ant-card-no-hovering):hover {
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    border-color: transparent
}

.ant-card-bordered {
    border: 1px solid #e9e9e9
}

.ant-card-head {
    height: 48px;
    line-height: 48px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 24px;
    border-radius: 2px 2px 0 0;
    zoom: 1;
    margin-bottom: -1px;
    display: -ms-flexbox;
    display: flex
}

.ant-card-head:after,.ant-card-head:before {
    content: " ";
    display: table
}

.ant-card-head:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-card-head-title {
    font-size: 14px;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    display: inline-block;
    -ms-flex: 1;
    flex: 1
}

.ant-card-extra {
    float: right;
    text-align: right
}

.ant-card-body {
    padding: 24px;
    zoom: 1
}

.ant-card-body:after,.ant-card-body:before {
    content: " ";
    display: table
}

.ant-card-body:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-card-loading .ant-card-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0
}

.ant-card-loading-content {
    padding: 24px
}

.ant-card-loading-block {
    display: inline-block;
    margin: 5px 1% 0;
    height: 14px;
    border-radius: 2px;
    background: linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));
    animation: card-loading 1.4s ease infinite;
    background-size: 600% 600%
}

.ant-card-contain-grid .ant-card-body {
    margin: -1px 0 0 -1px;
    padding: 0
}

.ant-card-grid {
    border-radius: 0;
    border: 0;
    box-shadow: 1px 0 0 0 #e9e9e9,0 1px 0 0 #e9e9e9,1px 1px 0 0 #e9e9e9,inset 1px 0 0 0 #e9e9e9,inset 0 1px 0 0 #e9e9e9;
    width: 33.33%;
    float: left;
    padding: 24px;
    transition: all .3s
}

.ant-card-grid:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.ant-card-wider-padding .ant-card-head {
    padding: 0 32px
}

.ant-card-wider-padding .ant-card-body {
    padding: 24px 32px
}

.ant-card-wider-padding .ant-card-extra {
    right: 32px
}

.ant-card-padding-transition .ant-card-body,.ant-card-padding-transition .ant-card-head {
    transition: padding .3s
}

.ant-card-padding-transition .ant-card-extra {
    transition: right .3s
}

@keyframes card-loading {
    0%,to {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.ant-carousel .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.ant-carousel .slick-list:focus {
    outline: none
}

.ant-carousel .slick-list.dragging {
    cursor: pointer
}

.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track {
    transform: translateZ(0)
}

.ant-carousel .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.ant-carousel .slick-track:after,.ant-carousel .slick-track:before {
    content: "";
    display: table
}

.ant-carousel .slick-track:after {
    clear: both
}

.slick-loading .ant-carousel .slick-track {
    visibility: hidden
}

.ant-carousel .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}[dir=rtl] .ant-carousel .slick-slide {
     float: right
 }

.ant-carousel .slick-slide img {
    display: block
}

.ant-carousel .slick-slide.slick-loading img {
    display: none
}

.ant-carousel .slick-slide.dragging img {
    pointer-events: none
}

.ant-carousel .slick-initialized .slick-slide {
    display: block
}

.ant-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.ant-carousel .slick-arrow.slick-hidden {
    display: none
}

.ant-carousel .slick-next,.ant-carousel .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: 0
}

.ant-carousel .slick-next,.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.ant-carousel .slick-next:focus:before,.ant-carousel .slick-next:hover:before,.ant-carousel .slick-prev:focus:before,.ant-carousel .slick-prev:hover:before {
    opacity: 1
}

.ant-carousel .slick-next.slick-disabled:before,.ant-carousel .slick-prev.slick-disabled:before {
    opacity: .25
}

.ant-carousel .slick-prev {
    left: -25px
}

.ant-carousel .slick-prev:before {
    content: "\2190"
}

.ant-carousel .slick-next {
    right: -25px
}

.ant-carousel .slick-next:before {
    content: "\2192"
}

.ant-carousel .slick-dots {
    position: absolute;
    bottom: 12px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 3px
}

.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 2px;
    padding: 0
}

.ant-carousel .slick-dots li button {
    border: 0;
    cursor: pointer;
    background: #fff;
    opacity: .3;
    display: block;
    width: 16px;
    height: 3px;
    border-radius: 1px;
    outline: none;
    font-size: 0;
    color: transparent;
    transition: all .5s
}

.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover {
    opacity: .75
}

.ant-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1;
    width: 24px
}

.ant-carousel .slick-dots li.slick-active button:focus,.ant-carousel .slick-dots li.slick-active button:hover {
    opacity: 1
}

.ant-carousel-vertical .slick-dots {
    width: 3px;
    bottom: auto;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: auto
}

.ant-carousel-vertical .slick-dots li {
    margin: 0 2px;
    vertical-align: baseline
}

.ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px
}

.ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px
}

.ant-cascader {
    font-size: 12px
}

.ant-cascader-input.ant-input {
    background-color: transparent!important;
    cursor: pointer;
    width: 100%;
    display: block
}

.ant-cascader-picker {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    background-color: #fff;
    border-radius: 4px;
    outline: 0
}

.ant-cascader-picker-with-value .ant-cascader-picker-label {
    color: transparent
}

.ant-cascader-picker-disabled {
    cursor: not-allowed;
    background: #f7f7f7;
    color: rgba(0,0,0,.25)
}

.ant-cascader-picker-disabled .ant-cascader-input {
    cursor: not-allowed
}

.ant-cascader-picker:focus .ant-cascader-input {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-cascader-picker-label {
    position: absolute;
    left: 0;
    height: 20px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    padding: 0 12px 0 8px
}

.ant-cascader-picker-clear {
    opacity: 0;
    position: absolute;
    right: 8px;
    z-index: 2;
    background: #fff;
    top: 50%;
    font-size: 12px;
    color: rgba(0,0,0,.25);
    width: 12px;
    height: 12px;
    margin-top: -6px;
    line-height: 12px;
    cursor: pointer;
    transition: color .3s ease,opacity .15s ease
}

.ant-cascader-picker-clear:hover {
    color: rgba(0,0,0,.43)
}

.ant-cascader-picker:hover .ant-cascader-picker-clear {
    opacity: 1
}

.ant-cascader-picker-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    line-height: 12px;
    color: rgba(0,0,0,.43);
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-cascader-picker-arrow {
    filter: none;
    font-size: 12px
}

.ant-cascader-picker-arrow:before {
    transition: transform .2s ease
}

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand:before {
    transform: rotate(180deg)
}

.ant-cascader-menus {
    font-size: 12px;
    background: #fff;
    position: absolute;
    z-index: 1050;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    white-space: nowrap
}

.ant-cascader-menus-empty,.ant-cascader-menus-hidden {
    display: none
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft {
    animation-name: antSlideUpIn
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft,.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft {
    animation-name: antSlideDownIn
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
    animation-name: antSlideUpOut
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
    animation-name: antSlideDownOut
}

.ant-cascader-menu {
    display: inline-block;
    vertical-align: top;
    min-width: 111px;
    height: 180px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #e9e9e9;
    overflow: auto
}

.ant-cascader-menu:first-child {
    border-radius: 4px 0 0 4px
}

.ant-cascader-menu:last-child {
    border-right-color: transparent;
    margin-right: -1px;
    border-radius: 0 4px 4px 0
}

.ant-cascader-menu:only-child {
    border-radius: 4px
}

.ant-cascader-menu-item {
    padding: 7px 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .3s
}

.ant-cascader-menu-item:hover {
    background: #ecf6fd
}

.ant-cascader-menu-item-disabled {
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-cascader-menu-item-disabled:hover {
    background: transparent
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    background: #f7f7f7;
    font-weight: 600
}

.ant-cascader-menu-item-expand {
    position: relative;
    padding-right: 24px
}

.ant-cascader-menu-item-expand:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E61F";
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    color: rgba(0,0,0,.43);
    position: absolute;
    right: 8px
}

:root .ant-cascader-menu-item-expand:after {
    filter: none;
    font-size: 12px
}

.ant-cascader-menu-item-loading:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E64D";
    animation: loadingCircle 1s infinite linear
}

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
    color: #f04134
}

.ant-checkbox {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: text-bottom
}

.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner {
    border-color: #108ee9
}

.ant-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #108ee9;
    content: "";
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: both;
    visibility: hidden
}

.ant-checkbox-wrapper:hover .ant-checkbox:after,.ant-checkbox:hover:after {
    visibility: visible
}

.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    transition: all .3s
}

.ant-checkbox-inner:after {
    transform: rotate(45deg) scale(0);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .1s cubic-bezier(.71,-.46,.88,.6)
}

.ant-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
    content: " ";
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px;
    width: 8px;
    height: 1px
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
    border-color: rgba(0,0,0,.25)
}

.ant-checkbox-checked .ant-checkbox-inner:after {
    transform: rotate(45deg) scale(1);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-checkbox-disabled {
    cursor: not-allowed
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
    animation-name: none;
    border-color: rgba(0,0,0,.25)
}

.ant-checkbox-disabled .ant-checkbox-input {
    cursor: not-allowed
}

.ant-checkbox-disabled .ant-checkbox-inner {
    border-color: #d9d9d9!important;
    background-color: #f7f7f7
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
    animation-name: none;
    border-color: #f7f7f7
}

.ant-checkbox-disabled+span {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-checkbox-wrapper {
    cursor: pointer;
    font-size: 12px;
    display: inline-block
}

.ant-checkbox-wrapper:not(:last-child) {
    margin-right: 8px
}

.ant-checkbox+span,.ant-checkbox-wrapper+span {
    padding-left: 8px;
    padding-right: 8px
}

.ant-checkbox-group {
    font-size: 12px
}

.ant-checkbox-group-item {
    display: inline-block
}

@media \0screen {
    .ant-checkbox-checked .ant-checkbox-inner:after,.ant-checkbox-checked .ant-checkbox-inner:before {
        font-family: anticon;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\E632";
        font-weight: 700;
        font-size: 8px;
        border: 0;
        color: #fff;
        left: 2px;
        top: 3px;
        position: absolute
    }
}

.ant-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block
}

.ant-row:after,.ant-row:before {
    content: " ";
    display: table
}

.ant-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-row-flex {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.ant-row-flex,.ant-row-flex:after,.ant-row-flex:before {
    display: -ms-flexbox;
    display: flex
}

.ant-row-flex-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ant-row-flex-center {
    -ms-flex-pack: center;
    justify-content: center
}

.ant-row-flex-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ant-row-flex-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ant-row-flex-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ant-row-flex-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.ant-row-flex-middle {
    -ms-flex-align: center;
    align-items: center
}

.ant-row-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.ant-col {
    position: relative;
    display: block
}

.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24,.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24,.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24,.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24 {
    float: left;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ant-col-24 {
    display: block;
    width: 100%
}

.ant-col-push-24 {
    left: 100%
}

.ant-col-pull-24 {
    right: 100%
}

.ant-col-offset-24 {
    margin-left: 100%
}

.ant-col-order-24 {
    -ms-flex-order: 24;
    order: 24
}

.ant-col-23 {
    display: block;
    width: 95.83333333%
}

.ant-col-push-23 {
    left: 95.83333333%
}

.ant-col-pull-23 {
    right: 95.83333333%
}

.ant-col-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-order-23 {
    -ms-flex-order: 23;
    order: 23
}

.ant-col-22 {
    display: block;
    width: 91.66666667%
}

.ant-col-push-22 {
    left: 91.66666667%
}

.ant-col-pull-22 {
    right: 91.66666667%
}

.ant-col-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-order-22 {
    -ms-flex-order: 22;
    order: 22
}

.ant-col-21 {
    display: block;
    width: 87.5%
}

.ant-col-push-21 {
    left: 87.5%
}

.ant-col-pull-21 {
    right: 87.5%
}

.ant-col-offset-21 {
    margin-left: 87.5%
}

.ant-col-order-21 {
    -ms-flex-order: 21;
    order: 21
}

.ant-col-20 {
    display: block;
    width: 83.33333333%
}

.ant-col-push-20 {
    left: 83.33333333%
}

.ant-col-pull-20 {
    right: 83.33333333%
}

.ant-col-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-order-20 {
    -ms-flex-order: 20;
    order: 20
}

.ant-col-19 {
    display: block;
    width: 79.16666667%
}

.ant-col-push-19 {
    left: 79.16666667%
}

.ant-col-pull-19 {
    right: 79.16666667%
}

.ant-col-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-order-19 {
    -ms-flex-order: 19;
    order: 19
}

.ant-col-18 {
    display: block;
    width: 75%
}

.ant-col-push-18 {
    left: 75%
}

.ant-col-pull-18 {
    right: 75%
}

.ant-col-offset-18 {
    margin-left: 75%
}

.ant-col-order-18 {
    -ms-flex-order: 18;
    order: 18
}

.ant-col-17 {
    display: block;
    width: 70.83333333%
}

.ant-col-push-17 {
    left: 70.83333333%
}

.ant-col-pull-17 {
    right: 70.83333333%
}

.ant-col-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-order-17 {
    -ms-flex-order: 17;
    order: 17
}

.ant-col-16 {
    display: block;
    width: 66.66666667%
}

.ant-col-push-16 {
    left: 66.66666667%
}

.ant-col-pull-16 {
    right: 66.66666667%
}

.ant-col-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-order-16 {
    -ms-flex-order: 16;
    order: 16
}

.ant-col-15 {
    display: block;
    width: 62.5%
}

.ant-col-push-15 {
    left: 62.5%
}

.ant-col-pull-15 {
    right: 62.5%
}

.ant-col-offset-15 {
    margin-left: 62.5%
}

.ant-col-order-15 {
    -ms-flex-order: 15;
    order: 15
}

.ant-col-14 {
    display: block;
    width: 58.33333333%
}

.ant-col-push-14 {
    left: 58.33333333%
}

.ant-col-pull-14 {
    right: 58.33333333%
}

.ant-col-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-order-14 {
    -ms-flex-order: 14;
    order: 14
}

.ant-col-13 {
    display: block;
    width: 54.16666667%
}

.ant-col-push-13 {
    left: 54.16666667%
}

.ant-col-pull-13 {
    right: 54.16666667%
}

.ant-col-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-order-13 {
    -ms-flex-order: 13;
    order: 13
}

.ant-col-12 {
    display: block;
    width: 50%
}

.ant-col-push-12 {
    left: 50%
}

.ant-col-pull-12 {
    right: 50%
}

.ant-col-offset-12 {
    margin-left: 50%
}

.ant-col-order-12 {
    -ms-flex-order: 12;
    order: 12
}

.ant-col-11 {
    display: block;
    width: 45.83333333%
}

.ant-col-push-11 {
    left: 45.83333333%
}

.ant-col-pull-11 {
    right: 45.83333333%
}

.ant-col-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-order-11 {
    -ms-flex-order: 11;
    order: 11
}

.ant-col-10 {
    display: block;
    width: 41.66666667%
}

.ant-col-push-10 {
    left: 41.66666667%
}

.ant-col-pull-10 {
    right: 41.66666667%
}

.ant-col-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-order-10 {
    -ms-flex-order: 10;
    order: 10
}

.ant-col-9 {
    display: block;
    width: 37.5%
}

.ant-col-push-9 {
    left: 37.5%
}

.ant-col-pull-9 {
    right: 37.5%
}

.ant-col-offset-9 {
    margin-left: 37.5%
}

.ant-col-order-9 {
    -ms-flex-order: 9;
    order: 9
}

.ant-col-8 {
    display: block;
    width: 33.33333333%
}

.ant-col-push-8 {
    left: 33.33333333%
}

.ant-col-pull-8 {
    right: 33.33333333%
}

.ant-col-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-order-8 {
    -ms-flex-order: 8;
    order: 8
}

.ant-col-7 {
    display: block;
    width: 29.16666667%
}

.ant-col-push-7 {
    left: 29.16666667%
}

.ant-col-pull-7 {
    right: 29.16666667%
}

.ant-col-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-order-7 {
    -ms-flex-order: 7;
    order: 7
}

.ant-col-6 {
    display: block;
    width: 25%
}

.ant-col-push-6 {
    left: 25%
}

.ant-col-pull-6 {
    right: 25%
}

.ant-col-offset-6 {
    margin-left: 25%
}

.ant-col-order-6 {
    -ms-flex-order: 6;
    order: 6
}

.ant-col-5 {
    display: block;
    width: 20.83333333%
}

.ant-col-push-5 {
    left: 20.83333333%
}

.ant-col-pull-5 {
    right: 20.83333333%
}

.ant-col-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.ant-col-4 {
    display: block;
    width: 16.66666667%
}

.ant-col-push-4 {
    left: 16.66666667%
}

.ant-col-pull-4 {
    right: 16.66666667%
}

.ant-col-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.ant-col-3 {
    display: block;
    width: 12.5%
}

.ant-col-push-3 {
    left: 12.5%
}

.ant-col-pull-3 {
    right: 12.5%
}

.ant-col-offset-3 {
    margin-left: 12.5%
}

.ant-col-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.ant-col-2 {
    display: block;
    width: 8.33333333%
}

.ant-col-push-2 {
    left: 8.33333333%
}

.ant-col-pull-2 {
    right: 8.33333333%
}

.ant-col-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.ant-col-1 {
    display: block;
    width: 4.16666667%
}

.ant-col-push-1 {
    left: 4.16666667%
}

.ant-col-pull-1 {
    right: 4.16666667%
}

.ant-col-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.ant-col-0 {
    display: none
}

.ant-col-offset-0 {
    margin-left: 0
}

.ant-col-order-0 {
    -ms-flex-order: 0;
    order: 0
}

.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
    float: left;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ant-col-xs-24 {
    display: block;
    width: 100%
}

.ant-col-xs-push-24 {
    left: 100%
}

.ant-col-xs-pull-24 {
    right: 100%
}

.ant-col-xs-offset-24 {
    margin-left: 100%
}

.ant-col-xs-order-24 {
    -ms-flex-order: 24;
    order: 24
}

.ant-col-xs-23 {
    display: block;
    width: 95.83333333%
}

.ant-col-xs-push-23 {
    left: 95.83333333%
}

.ant-col-xs-pull-23 {
    right: 95.83333333%
}

.ant-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-xs-order-23 {
    -ms-flex-order: 23;
    order: 23
}

.ant-col-xs-22 {
    display: block;
    width: 91.66666667%
}

.ant-col-xs-push-22 {
    left: 91.66666667%
}

.ant-col-xs-pull-22 {
    right: 91.66666667%
}

.ant-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-xs-order-22 {
    -ms-flex-order: 22;
    order: 22
}

.ant-col-xs-21 {
    display: block;
    width: 87.5%
}

.ant-col-xs-push-21 {
    left: 87.5%
}

.ant-col-xs-pull-21 {
    right: 87.5%
}

.ant-col-xs-offset-21 {
    margin-left: 87.5%
}

.ant-col-xs-order-21 {
    -ms-flex-order: 21;
    order: 21
}

.ant-col-xs-20 {
    display: block;
    width: 83.33333333%
}

.ant-col-xs-push-20 {
    left: 83.33333333%
}

.ant-col-xs-pull-20 {
    right: 83.33333333%
}

.ant-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-xs-order-20 {
    -ms-flex-order: 20;
    order: 20
}

.ant-col-xs-19 {
    display: block;
    width: 79.16666667%
}

.ant-col-xs-push-19 {
    left: 79.16666667%
}

.ant-col-xs-pull-19 {
    right: 79.16666667%
}

.ant-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-xs-order-19 {
    -ms-flex-order: 19;
    order: 19
}

.ant-col-xs-18 {
    display: block;
    width: 75%
}

.ant-col-xs-push-18 {
    left: 75%
}

.ant-col-xs-pull-18 {
    right: 75%
}

.ant-col-xs-offset-18 {
    margin-left: 75%
}

.ant-col-xs-order-18 {
    -ms-flex-order: 18;
    order: 18
}

.ant-col-xs-17 {
    display: block;
    width: 70.83333333%
}

.ant-col-xs-push-17 {
    left: 70.83333333%
}

.ant-col-xs-pull-17 {
    right: 70.83333333%
}

.ant-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-xs-order-17 {
    -ms-flex-order: 17;
    order: 17
}

.ant-col-xs-16 {
    display: block;
    width: 66.66666667%
}

.ant-col-xs-push-16 {
    left: 66.66666667%
}

.ant-col-xs-pull-16 {
    right: 66.66666667%
}

.ant-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-xs-order-16 {
    -ms-flex-order: 16;
    order: 16
}

.ant-col-xs-15 {
    display: block;
    width: 62.5%
}

.ant-col-xs-push-15 {
    left: 62.5%
}

.ant-col-xs-pull-15 {
    right: 62.5%
}

.ant-col-xs-offset-15 {
    margin-left: 62.5%
}

.ant-col-xs-order-15 {
    -ms-flex-order: 15;
    order: 15
}

.ant-col-xs-14 {
    display: block;
    width: 58.33333333%
}

.ant-col-xs-push-14 {
    left: 58.33333333%
}

.ant-col-xs-pull-14 {
    right: 58.33333333%
}

.ant-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-xs-order-14 {
    -ms-flex-order: 14;
    order: 14
}

.ant-col-xs-13 {
    display: block;
    width: 54.16666667%
}

.ant-col-xs-push-13 {
    left: 54.16666667%
}

.ant-col-xs-pull-13 {
    right: 54.16666667%
}

.ant-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-xs-order-13 {
    -ms-flex-order: 13;
    order: 13
}

.ant-col-xs-12 {
    display: block;
    width: 50%
}

.ant-col-xs-push-12 {
    left: 50%
}

.ant-col-xs-pull-12 {
    right: 50%
}

.ant-col-xs-offset-12 {
    margin-left: 50%
}

.ant-col-xs-order-12 {
    -ms-flex-order: 12;
    order: 12
}

.ant-col-xs-11 {
    display: block;
    width: 45.83333333%
}

.ant-col-xs-push-11 {
    left: 45.83333333%
}

.ant-col-xs-pull-11 {
    right: 45.83333333%
}

.ant-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-xs-order-11 {
    -ms-flex-order: 11;
    order: 11
}

.ant-col-xs-10 {
    display: block;
    width: 41.66666667%
}

.ant-col-xs-push-10 {
    left: 41.66666667%
}

.ant-col-xs-pull-10 {
    right: 41.66666667%
}

.ant-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-xs-order-10 {
    -ms-flex-order: 10;
    order: 10
}

.ant-col-xs-9 {
    display: block;
    width: 37.5%
}

.ant-col-xs-push-9 {
    left: 37.5%
}

.ant-col-xs-pull-9 {
    right: 37.5%
}

.ant-col-xs-offset-9 {
    margin-left: 37.5%
}

.ant-col-xs-order-9 {
    -ms-flex-order: 9;
    order: 9
}

.ant-col-xs-8 {
    display: block;
    width: 33.33333333%
}

.ant-col-xs-push-8 {
    left: 33.33333333%
}

.ant-col-xs-pull-8 {
    right: 33.33333333%
}

.ant-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-xs-order-8 {
    -ms-flex-order: 8;
    order: 8
}

.ant-col-xs-7 {
    display: block;
    width: 29.16666667%
}

.ant-col-xs-push-7 {
    left: 29.16666667%
}

.ant-col-xs-pull-7 {
    right: 29.16666667%
}

.ant-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-xs-order-7 {
    -ms-flex-order: 7;
    order: 7
}

.ant-col-xs-6 {
    display: block;
    width: 25%
}

.ant-col-xs-push-6 {
    left: 25%
}

.ant-col-xs-pull-6 {
    right: 25%
}

.ant-col-xs-offset-6 {
    margin-left: 25%
}

.ant-col-xs-order-6 {
    -ms-flex-order: 6;
    order: 6
}

.ant-col-xs-5 {
    display: block;
    width: 20.83333333%
}

.ant-col-xs-push-5 {
    left: 20.83333333%
}

.ant-col-xs-pull-5 {
    right: 20.83333333%
}

.ant-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-xs-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.ant-col-xs-4 {
    display: block;
    width: 16.66666667%
}

.ant-col-xs-push-4 {
    left: 16.66666667%
}

.ant-col-xs-pull-4 {
    right: 16.66666667%
}

.ant-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-xs-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.ant-col-xs-3 {
    display: block;
    width: 12.5%
}

.ant-col-xs-push-3 {
    left: 12.5%
}

.ant-col-xs-pull-3 {
    right: 12.5%
}

.ant-col-xs-offset-3 {
    margin-left: 12.5%
}

.ant-col-xs-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.ant-col-xs-2 {
    display: block;
    width: 8.33333333%
}

.ant-col-xs-push-2 {
    left: 8.33333333%
}

.ant-col-xs-pull-2 {
    right: 8.33333333%
}

.ant-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-xs-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.ant-col-xs-1 {
    display: block;
    width: 4.16666667%
}

.ant-col-xs-push-1 {
    left: 4.16666667%
}

.ant-col-xs-pull-1 {
    right: 4.16666667%
}

.ant-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-xs-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.ant-col-xs-0 {
    display: none
}

.ant-col-push-0 {
    left: auto
}

.ant-col-pull-0 {
    right: auto
}

.ant-col-xs-push-0 {
    left: auto
}

.ant-col-xs-pull-0 {
    right: auto
}

.ant-col-xs-offset-0 {
    margin-left: 0
}

.ant-col-xs-order-0 {
    -ms-flex-order: 0;
    order: 0
}

@media (min-width:768px) {
    .ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24 {
        float: left;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-sm-24 {
        display: block;
        width: 100%
    }

    .ant-col-sm-push-24 {
        left: 100%
    }

    .ant-col-sm-pull-24 {
        right: 100%
    }

    .ant-col-sm-offset-24 {
        margin-left: 100%
    }

    .ant-col-sm-order-24 {
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-sm-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-sm-push-23 {
        left: 95.83333333%
    }

    .ant-col-sm-pull-23 {
        right: 95.83333333%
    }

    .ant-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-sm-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-sm-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-sm-push-22 {
        left: 91.66666667%
    }

    .ant-col-sm-pull-22 {
        right: 91.66666667%
    }

    .ant-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-sm-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-sm-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-sm-push-21 {
        left: 87.5%
    }

    .ant-col-sm-pull-21 {
        right: 87.5%
    }

    .ant-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-sm-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-sm-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-sm-push-20 {
        left: 83.33333333%
    }

    .ant-col-sm-pull-20 {
        right: 83.33333333%
    }

    .ant-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-sm-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-sm-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-sm-push-19 {
        left: 79.16666667%
    }

    .ant-col-sm-pull-19 {
        right: 79.16666667%
    }

    .ant-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-sm-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-sm-18 {
        display: block;
        width: 75%
    }

    .ant-col-sm-push-18 {
        left: 75%
    }

    .ant-col-sm-pull-18 {
        right: 75%
    }

    .ant-col-sm-offset-18 {
        margin-left: 75%
    }

    .ant-col-sm-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-sm-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-sm-push-17 {
        left: 70.83333333%
    }

    .ant-col-sm-pull-17 {
        right: 70.83333333%
    }

    .ant-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-sm-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-sm-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-sm-push-16 {
        left: 66.66666667%
    }

    .ant-col-sm-pull-16 {
        right: 66.66666667%
    }

    .ant-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-sm-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-sm-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-sm-push-15 {
        left: 62.5%
    }

    .ant-col-sm-pull-15 {
        right: 62.5%
    }

    .ant-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-sm-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-sm-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-sm-push-14 {
        left: 58.33333333%
    }

    .ant-col-sm-pull-14 {
        right: 58.33333333%
    }

    .ant-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-sm-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-sm-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-sm-push-13 {
        left: 54.16666667%
    }

    .ant-col-sm-pull-13 {
        right: 54.16666667%
    }

    .ant-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-sm-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-sm-12 {
        display: block;
        width: 50%
    }

    .ant-col-sm-push-12 {
        left: 50%
    }

    .ant-col-sm-pull-12 {
        right: 50%
    }

    .ant-col-sm-offset-12 {
        margin-left: 50%
    }

    .ant-col-sm-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-sm-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-sm-push-11 {
        left: 45.83333333%
    }

    .ant-col-sm-pull-11 {
        right: 45.83333333%
    }

    .ant-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-sm-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-sm-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-sm-push-10 {
        left: 41.66666667%
    }

    .ant-col-sm-pull-10 {
        right: 41.66666667%
    }

    .ant-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-sm-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-sm-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-sm-push-9 {
        left: 37.5%
    }

    .ant-col-sm-pull-9 {
        right: 37.5%
    }

    .ant-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-sm-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-sm-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-sm-push-8 {
        left: 33.33333333%
    }

    .ant-col-sm-pull-8 {
        right: 33.33333333%
    }

    .ant-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-sm-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-sm-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-sm-push-7 {
        left: 29.16666667%
    }

    .ant-col-sm-pull-7 {
        right: 29.16666667%
    }

    .ant-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-sm-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-sm-6 {
        display: block;
        width: 25%
    }

    .ant-col-sm-push-6 {
        left: 25%
    }

    .ant-col-sm-pull-6 {
        right: 25%
    }

    .ant-col-sm-offset-6 {
        margin-left: 25%
    }

    .ant-col-sm-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-sm-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-sm-push-5 {
        left: 20.83333333%
    }

    .ant-col-sm-pull-5 {
        right: 20.83333333%
    }

    .ant-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-sm-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-sm-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-sm-push-4 {
        left: 16.66666667%
    }

    .ant-col-sm-pull-4 {
        right: 16.66666667%
    }

    .ant-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-sm-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-sm-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-sm-push-3 {
        left: 12.5%
    }

    .ant-col-sm-pull-3 {
        right: 12.5%
    }

    .ant-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-sm-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-sm-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-sm-push-2 {
        left: 8.33333333%
    }

    .ant-col-sm-pull-2 {
        right: 8.33333333%
    }

    .ant-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-sm-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-sm-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-sm-push-1 {
        left: 4.16666667%
    }

    .ant-col-sm-pull-1 {
        right: 4.16666667%
    }

    .ant-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-sm-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-sm-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-sm-push-0 {
        left: auto
    }

    .ant-col-sm-pull-0 {
        right: auto
    }

    .ant-col-sm-offset-0 {
        margin-left: 0
    }

    .ant-col-sm-order-0 {
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width:992px) {
    .ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24 {
        float: left;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-md-24 {
        display: block;
        width: 100%
    }

    .ant-col-md-push-24 {
        left: 100%
    }

    .ant-col-md-pull-24 {
        right: 100%
    }

    .ant-col-md-offset-24 {
        margin-left: 100%
    }

    .ant-col-md-order-24 {
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-md-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-md-push-23 {
        left: 95.83333333%
    }

    .ant-col-md-pull-23 {
        right: 95.83333333%
    }

    .ant-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-md-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-md-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-md-push-22 {
        left: 91.66666667%
    }

    .ant-col-md-pull-22 {
        right: 91.66666667%
    }

    .ant-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-md-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-md-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-md-push-21 {
        left: 87.5%
    }

    .ant-col-md-pull-21 {
        right: 87.5%
    }

    .ant-col-md-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-md-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-md-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-md-push-20 {
        left: 83.33333333%
    }

    .ant-col-md-pull-20 {
        right: 83.33333333%
    }

    .ant-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-md-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-md-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-md-push-19 {
        left: 79.16666667%
    }

    .ant-col-md-pull-19 {
        right: 79.16666667%
    }

    .ant-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-md-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-md-18 {
        display: block;
        width: 75%
    }

    .ant-col-md-push-18 {
        left: 75%
    }

    .ant-col-md-pull-18 {
        right: 75%
    }

    .ant-col-md-offset-18 {
        margin-left: 75%
    }

    .ant-col-md-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-md-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-md-push-17 {
        left: 70.83333333%
    }

    .ant-col-md-pull-17 {
        right: 70.83333333%
    }

    .ant-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-md-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-md-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-md-push-16 {
        left: 66.66666667%
    }

    .ant-col-md-pull-16 {
        right: 66.66666667%
    }

    .ant-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-md-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-md-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-md-push-15 {
        left: 62.5%
    }

    .ant-col-md-pull-15 {
        right: 62.5%
    }

    .ant-col-md-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-md-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-md-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-md-push-14 {
        left: 58.33333333%
    }

    .ant-col-md-pull-14 {
        right: 58.33333333%
    }

    .ant-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-md-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-md-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-md-push-13 {
        left: 54.16666667%
    }

    .ant-col-md-pull-13 {
        right: 54.16666667%
    }

    .ant-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-md-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-md-12 {
        display: block;
        width: 50%
    }

    .ant-col-md-push-12 {
        left: 50%
    }

    .ant-col-md-pull-12 {
        right: 50%
    }

    .ant-col-md-offset-12 {
        margin-left: 50%
    }

    .ant-col-md-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-md-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-md-push-11 {
        left: 45.83333333%
    }

    .ant-col-md-pull-11 {
        right: 45.83333333%
    }

    .ant-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-md-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-md-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-md-push-10 {
        left: 41.66666667%
    }

    .ant-col-md-pull-10 {
        right: 41.66666667%
    }

    .ant-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-md-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-md-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-md-push-9 {
        left: 37.5%
    }

    .ant-col-md-pull-9 {
        right: 37.5%
    }

    .ant-col-md-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-md-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-md-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-md-push-8 {
        left: 33.33333333%
    }

    .ant-col-md-pull-8 {
        right: 33.33333333%
    }

    .ant-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-md-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-md-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-md-push-7 {
        left: 29.16666667%
    }

    .ant-col-md-pull-7 {
        right: 29.16666667%
    }

    .ant-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-md-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-md-6 {
        display: block;
        width: 25%
    }

    .ant-col-md-push-6 {
        left: 25%
    }

    .ant-col-md-pull-6 {
        right: 25%
    }

    .ant-col-md-offset-6 {
        margin-left: 25%
    }

    .ant-col-md-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-md-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-md-push-5 {
        left: 20.83333333%
    }

    .ant-col-md-pull-5 {
        right: 20.83333333%
    }

    .ant-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-md-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-md-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-md-push-4 {
        left: 16.66666667%
    }

    .ant-col-md-pull-4 {
        right: 16.66666667%
    }

    .ant-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-md-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-md-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-md-push-3 {
        left: 12.5%
    }

    .ant-col-md-pull-3 {
        right: 12.5%
    }

    .ant-col-md-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-md-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-md-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-md-push-2 {
        left: 8.33333333%
    }

    .ant-col-md-pull-2 {
        right: 8.33333333%
    }

    .ant-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-md-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-md-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-md-push-1 {
        left: 4.16666667%
    }

    .ant-col-md-pull-1 {
        right: 4.16666667%
    }

    .ant-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-md-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-md-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-md-push-0 {
        left: auto
    }

    .ant-col-md-pull-0 {
        right: auto
    }

    .ant-col-md-offset-0 {
        margin-left: 0
    }

    .ant-col-md-order-0 {
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width:1200px) {
    .ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24 {
        float: left;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-lg-24 {
        display: block;
        width: 100%
    }

    .ant-col-lg-push-24 {
        left: 100%
    }

    .ant-col-lg-pull-24 {
        right: 100%
    }

    .ant-col-lg-offset-24 {
        margin-left: 100%
    }

    .ant-col-lg-order-24 {
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-lg-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-lg-push-23 {
        left: 95.83333333%
    }

    .ant-col-lg-pull-23 {
        right: 95.83333333%
    }

    .ant-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-lg-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-lg-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-lg-push-22 {
        left: 91.66666667%
    }

    .ant-col-lg-pull-22 {
        right: 91.66666667%
    }

    .ant-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-lg-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-lg-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-lg-push-21 {
        left: 87.5%
    }

    .ant-col-lg-pull-21 {
        right: 87.5%
    }

    .ant-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-lg-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-lg-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-lg-push-20 {
        left: 83.33333333%
    }

    .ant-col-lg-pull-20 {
        right: 83.33333333%
    }

    .ant-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-lg-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-lg-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-lg-push-19 {
        left: 79.16666667%
    }

    .ant-col-lg-pull-19 {
        right: 79.16666667%
    }

    .ant-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-lg-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-lg-18 {
        display: block;
        width: 75%
    }

    .ant-col-lg-push-18 {
        left: 75%
    }

    .ant-col-lg-pull-18 {
        right: 75%
    }

    .ant-col-lg-offset-18 {
        margin-left: 75%
    }

    .ant-col-lg-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-lg-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-lg-push-17 {
        left: 70.83333333%
    }

    .ant-col-lg-pull-17 {
        right: 70.83333333%
    }

    .ant-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-lg-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-lg-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-lg-push-16 {
        left: 66.66666667%
    }

    .ant-col-lg-pull-16 {
        right: 66.66666667%
    }

    .ant-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-lg-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-lg-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-lg-push-15 {
        left: 62.5%
    }

    .ant-col-lg-pull-15 {
        right: 62.5%
    }

    .ant-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-lg-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-lg-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-lg-push-14 {
        left: 58.33333333%
    }

    .ant-col-lg-pull-14 {
        right: 58.33333333%
    }

    .ant-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-lg-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-lg-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-lg-push-13 {
        left: 54.16666667%
    }

    .ant-col-lg-pull-13 {
        right: 54.16666667%
    }

    .ant-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-lg-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-lg-12 {
        display: block;
        width: 50%
    }

    .ant-col-lg-push-12 {
        left: 50%
    }

    .ant-col-lg-pull-12 {
        right: 50%
    }

    .ant-col-lg-offset-12 {
        margin-left: 50%
    }

    .ant-col-lg-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-lg-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-lg-push-11 {
        left: 45.83333333%
    }

    .ant-col-lg-pull-11 {
        right: 45.83333333%
    }

    .ant-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-lg-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-lg-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-lg-push-10 {
        left: 41.66666667%
    }

    .ant-col-lg-pull-10 {
        right: 41.66666667%
    }

    .ant-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-lg-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-lg-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-lg-push-9 {
        left: 37.5%
    }

    .ant-col-lg-pull-9 {
        right: 37.5%
    }

    .ant-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-lg-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-lg-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-lg-push-8 {
        left: 33.33333333%
    }

    .ant-col-lg-pull-8 {
        right: 33.33333333%
    }

    .ant-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-lg-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-lg-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-lg-push-7 {
        left: 29.16666667%
    }

    .ant-col-lg-pull-7 {
        right: 29.16666667%
    }

    .ant-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-lg-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-lg-6 {
        display: block;
        width: 25%
    }

    .ant-col-lg-push-6 {
        left: 25%
    }

    .ant-col-lg-pull-6 {
        right: 25%
    }

    .ant-col-lg-offset-6 {
        margin-left: 25%
    }

    .ant-col-lg-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-lg-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-lg-push-5 {
        left: 20.83333333%
    }

    .ant-col-lg-pull-5 {
        right: 20.83333333%
    }

    .ant-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-lg-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-lg-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-lg-push-4 {
        left: 16.66666667%
    }

    .ant-col-lg-pull-4 {
        right: 16.66666667%
    }

    .ant-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-lg-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-lg-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-lg-push-3 {
        left: 12.5%
    }

    .ant-col-lg-pull-3 {
        right: 12.5%
    }

    .ant-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-lg-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-lg-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-lg-push-2 {
        left: 8.33333333%
    }

    .ant-col-lg-pull-2 {
        right: 8.33333333%
    }

    .ant-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-lg-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-lg-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-lg-push-1 {
        left: 4.16666667%
    }

    .ant-col-lg-pull-1 {
        right: 4.16666667%
    }

    .ant-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-lg-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-lg-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-lg-push-0 {
        left: auto
    }

    .ant-col-lg-pull-0 {
        right: auto
    }

    .ant-col-lg-offset-0 {
        margin-left: 0
    }

    .ant-col-lg-order-0 {
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width:1600px) {
    .ant-col-xl-1,.ant-col-xl-2,.ant-col-xl-3,.ant-col-xl-4,.ant-col-xl-5,.ant-col-xl-6,.ant-col-xl-7,.ant-col-xl-8,.ant-col-xl-9,.ant-col-xl-10,.ant-col-xl-11,.ant-col-xl-12,.ant-col-xl-13,.ant-col-xl-14,.ant-col-xl-15,.ant-col-xl-16,.ant-col-xl-17,.ant-col-xl-18,.ant-col-xl-19,.ant-col-xl-20,.ant-col-xl-21,.ant-col-xl-22,.ant-col-xl-23,.ant-col-xl-24 {
        float: left;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-xl-24 {
        display: block;
        width: 100%
    }

    .ant-col-xl-push-24 {
        left: 100%
    }

    .ant-col-xl-pull-24 {
        right: 100%
    }

    .ant-col-xl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xl-order-24 {
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-xl-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-xl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xl-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-xl-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-xl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xl-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-xl-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-xl-push-21 {
        left: 87.5%
    }

    .ant-col-xl-pull-21 {
        right: 87.5%
    }

    .ant-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xl-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-xl-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-xl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xl-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-xl-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-xl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xl-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-xl-18 {
        display: block;
        width: 75%
    }

    .ant-col-xl-push-18 {
        left: 75%
    }

    .ant-col-xl-pull-18 {
        right: 75%
    }

    .ant-col-xl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xl-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-xl-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-xl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xl-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-xl-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-xl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xl-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-xl-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-xl-push-15 {
        left: 62.5%
    }

    .ant-col-xl-pull-15 {
        right: 62.5%
    }

    .ant-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xl-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-xl-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-xl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xl-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-xl-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-xl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xl-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-xl-12 {
        display: block;
        width: 50%
    }

    .ant-col-xl-push-12 {
        left: 50%
    }

    .ant-col-xl-pull-12 {
        right: 50%
    }

    .ant-col-xl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xl-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-xl-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-xl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xl-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-xl-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-xl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xl-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-xl-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-xl-push-9 {
        left: 37.5%
    }

    .ant-col-xl-pull-9 {
        right: 37.5%
    }

    .ant-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xl-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-xl-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-xl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xl-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-xl-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-xl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xl-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-xl-6 {
        display: block;
        width: 25%
    }

    .ant-col-xl-push-6 {
        left: 25%
    }

    .ant-col-xl-pull-6 {
        right: 25%
    }

    .ant-col-xl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xl-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-xl-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-xl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xl-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-xl-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-xl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xl-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-xl-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-xl-push-3 {
        left: 12.5%
    }

    .ant-col-xl-pull-3 {
        right: 12.5%
    }

    .ant-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xl-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-xl-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-xl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xl-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-xl-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-xl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xl-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-xl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xl-push-0 {
        left: auto
    }

    .ant-col-xl-pull-0 {
        right: auto
    }

    .ant-col-xl-offset-0 {
        margin-left: 0
    }

    .ant-col-xl-order-0 {
        -ms-flex-order: 0;
        order: 0
    }
}

.ant-collapse {
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    border-bottom: 0
}

.ant-collapse>.ant-collapse-item {
    border-bottom: 1px solid #d9d9d9
}

.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
    border-radius: 0 0 4px 4px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
    line-height: 22px;
    padding: 8px 0 8px 32px;
    color: rgba(0,0,0,.85);
    cursor: pointer;
    position: relative;
    transition: all .3s
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow {
    font-size: 12px;
    font-size: 9px\9;
    transform: scale(.75) rotate(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: rgba(0,0,0,.43);
    display: inline-block;
    font-weight: 700;
    line-height: 40px;
    vertical-align: top;
    transition: transform .24s;
    top: 0;
    left: 16px
}

:root .ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow {
    filter: none;
    font-size: 12px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow:before {
    display: block;
    font-family: anticon!important;
    content: "\E61F"
}

.ant-collapse-anim-active {
    transition: height .2s cubic-bezier(.215,.61,.355,1)
}

.ant-collapse-content {
    overflow: hidden;
    color: rgba(0,0,0,.65);
    padding: 0 16px;
    background-color: #fff
}

.ant-collapse-content>.ant-collapse-content-box {
    padding-top: 16px;
    padding-bottom: 16px
}

.ant-collapse-content-inactive {
    display: none
}

.ant-collapse-item:last-child>.ant-collapse-content {
    border-radius: 0 0 4px 4px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header[aria-expanded=true] .arrow {
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    transform: scale(.75) rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.00000000000000006123, M12=-1, M21=1, M22=0.00000000000000006123)";
    zoom: 1
}

:root .ant-collapse>.ant-collapse-item>.ant-collapse-header[aria-expanded=true] .arrow {
    filter: none;
    font-size: 12px
}

.ant-collapse-borderless {
    background-color: #fff;
    border: 0
}

.ant-collapse-borderless>.ant-collapse-item:last-child,.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header {
    border-radius: 0
}

.ant-collapse-borderless>.ant-collapse-item-active {
    border: 0
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
    background-color: transparent;
    border-top: 1px solid #d9d9d9
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-header {
    transition: all .3s
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-header:hover {
    background-color: #f7f7f7
}

.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
    cursor: not-allowed;
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7
}

.ant-collapse>.ant-collapse-item:not(.ant-collapse-item-disabled)>.ant-collapse-header:active {
    background-color: #eee
}

.ant-calendar-picker-container {
    position: absolute;
    z-index: 1050
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-calendar-picker {
    position: relative;
    display: inline-block;
    outline: none;
    font-size: 12px;
    transition: opacity .3s
}

.ant-calendar-picker-input {
    outline: none;
    display: block
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: #108ee9
}

.ant-calendar-picker-clear,.ant-calendar-picker-icon {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 8px;
    top: 50%;
    margin-top: -7px;
    line-height: 14px;
    font-size: 12px;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-picker-clear {
    opacity: 0;
    z-index: 1;
    color: rgba(0,0,0,.25);
    background: #fff;
    pointer-events: none;
    cursor: pointer
}

.ant-calendar-picker-clear:hover {
    color: rgba(0,0,0,.43)
}

.ant-calendar-picker:hover .ant-calendar-picker-clear {
    opacity: 1;
    pointer-events: auto
}

.ant-calendar-picker-icon {
    color: rgba(0,0,0,.43)
}

.ant-calendar-picker-icon:after {
    content: "\E6BB";
    font-family: anticon;
    font-size: 12px;
    color: rgba(0,0,0,.43);
    display: inline-block;
    line-height: 1
}

.ant-calendar {
    position: relative;
    outline: none;
    width: 231px;
    border: 1px solid #fff;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    background-clip: padding-box;
    line-height: 1.5
}

.ant-calendar-input-wrap {
    height: 34px;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-input {
    border: 0;
    width: 100%;
    cursor: auto;
    outline: 0;
    height: 22px;
    color: rgba(0,0,0,.65);
    background: #fff
}

.ant-calendar-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-calendar-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-week-number {
    width: 286px
}

.ant-calendar-week-number-cell {
    text-align: center
}

.ant-calendar-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-header a:hover {
    color: #49a9ee
}

.ant-calendar-header .ant-calendar-century-select,.ant-calendar-header .ant-calendar-decade-select,.ant-calendar-header .ant-calendar-month-select,.ant-calendar-header .ant-calendar-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 34px
}

.ant-calendar-header .ant-calendar-century-select-arrow,.ant-calendar-header .ant-calendar-decade-select-arrow,.ant-calendar-header .ant-calendar-month-select-arrow,.ant-calendar-header .ant-calendar-year-select-arrow {
    display: none
}

.ant-calendar-header .ant-calendar-next-century-btn,.ant-calendar-header .ant-calendar-next-decade-btn,.ant-calendar-header .ant-calendar-next-month-btn,.ant-calendar-header .ant-calendar-next-year-btn,.ant-calendar-header .ant-calendar-prev-century-btn,.ant-calendar-header .ant-calendar-prev-decade-btn,.ant-calendar-header .ant-calendar-prev-month-btn,.ant-calendar-header .ant-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    color: rgba(0,0,0,.43);
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-header .ant-calendar-prev-century-btn,.ant-calendar-header .ant-calendar-prev-decade-btn,.ant-calendar-header .ant-calendar-prev-year-btn {
    left: 7px
}

.ant-calendar-header .ant-calendar-prev-century-btn:after,.ant-calendar-header .ant-calendar-prev-decade-btn:after,.ant-calendar-header .ant-calendar-prev-year-btn:after {
    content: "\AB"
}

.ant-calendar-header .ant-calendar-next-century-btn,.ant-calendar-header .ant-calendar-next-decade-btn,.ant-calendar-header .ant-calendar-next-year-btn {
    right: 7px
}

.ant-calendar-header .ant-calendar-next-century-btn:after,.ant-calendar-header .ant-calendar-next-decade-btn:after,.ant-calendar-header .ant-calendar-next-year-btn:after {
    content: "\BB"
}

.ant-calendar-header .ant-calendar-prev-month-btn {
    left: 29px
}

.ant-calendar-header .ant-calendar-prev-month-btn:after {
    content: "\2039"
}

.ant-calendar-header .ant-calendar-next-month-btn {
    right: 29px
}

.ant-calendar-header .ant-calendar-next-month-btn:after {
    content: "\203A"
}

.ant-calendar-body {
    padding: 4px 8px
}

.ant-calendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%
}

.ant-calendar table,.ant-calendar td,.ant-calendar th {
    border: 0
}

.ant-calendar-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.ant-calendar-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center
}

.ant-calendar-column-header .ant-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
    display: none
}

.ant-calendar-cell {
    padding: 4px 0
}

.ant-calendar-date {
    display: block;
    margin: 0 auto;
    color: rgba(0,0,0,.65);
    border-radius: 2px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    text-align: center;
    transition: background .3s ease
}

.ant-calendar-date-panel {
    position: relative
}

.ant-calendar-date:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-calendar-date:active {
    color: #fff;
    background: #49a9ee
}

.ant-calendar-today .ant-calendar-date {
    border-color: #108ee9;
    font-weight: 700;
    color: #108ee9
}

.ant-calendar-last-month-cell .ant-calendar-date,.ant-calendar-next-month-btn-day .ant-calendar-date {
    color: rgba(0,0,0,.25)
}

.ant-calendar-selected-day .ant-calendar-date {
    background: #108ee9;
    color: #fff;
    border: 1px solid transparent
}

.ant-calendar-selected-day .ant-calendar-date:hover {
    background: #108ee9
}

.ant-calendar-disabled-cell .ant-calendar-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f7f7f7;
    border-radius: 0;
    width: auto;
    border: 1px solid transparent
}

.ant-calendar-disabled-cell .ant-calendar-date:hover {
    background: #f7f7f7
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
    position: relative;
    margin-right: 5px;
    padding-left: 5px
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #bcbcbc;
    border-radius: 4px
}

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-calendar-footer {
    border-top: 1px solid #e9e9e9;
    line-height: 38px;
    padding: 0 12px
}

.ant-calendar-footer:empty {
    border-top: 0
}

.ant-calendar-footer-btn {
    text-align: center;
    display: block
}

.ant-calendar-footer-extra+.ant-calendar-footer-btn {
    border-top: 1px solid #e9e9e9;
    margin: 0 -12px;
    padding: 0 12px
}

.ant-calendar .ant-calendar-clear-btn,.ant-calendar .ant-calendar-today-btn {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 8px
}

.ant-calendar .ant-calendar-clear-btn-disabled,.ant-calendar .ant-calendar-today-btn-disabled {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-calendar .ant-calendar-clear-btn:only-child,.ant-calendar .ant-calendar-today-btn:only-child {
    margin: 0
}

.ant-calendar .ant-calendar-clear-btn {
    display: none;
    position: absolute;
    right: 5px;
    text-indent: -76px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 7px;
    margin: 0
}

.ant-calendar .ant-calendar-clear-btn:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E62E";
    font-size: 12px;
    color: rgba(0,0,0,.25);
    display: inline-block;
    line-height: 1;
    width: 20px;
    text-indent: 43px;
    transition: color .3s ease
}

.ant-calendar .ant-calendar-clear-btn:hover:after {
    color: rgba(0,0,0,.43)
}

.ant-calendar .ant-calendar-ok-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.15;
    padding: 0 15px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: #fff;
    background-color: #108ee9;
    border-color: #108ee9;
    padding: 0 7px;
    font-size: 12px;
    border-radius: 4px;
    height: 22px;
    line-height: 20px
}

.ant-calendar .ant-calendar-ok-btn>.anticon {
    line-height: 1
}

.ant-calendar .ant-calendar-ok-btn,.ant-calendar .ant-calendar-ok-btn:active,.ant-calendar .ant-calendar-ok-btn:focus {
    outline: 0
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
    outline: 0;
    transition: none
}

.ant-calendar .ant-calendar-ok-btn.disabled,.ant-calendar .ant-calendar-ok-btn[disabled] {
    cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn.disabled>*,.ant-calendar .ant-calendar-ok-btn[disabled]>* {
    pointer-events: none
}

.ant-calendar .ant-calendar-ok-btn-lg {
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px
}

.ant-calendar .ant-calendar-ok-btn-sm {
    padding: 0 7px;
    font-size: 12px;
    border-radius: 4px;
    height: 22px
}

.ant-calendar .ant-calendar-ok-btn>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn:focus,.ant-calendar .ant-calendar-ok-btn:hover {
    color: #fff;
    background-color: #49a9ee;
    border-color: #49a9ee
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn:hover>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn.active,.ant-calendar .ant-calendar-ok-btn:active {
    color: #fff;
    background-color: #0e77ca;
    border-color: #0e77ca
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child,.ant-calendar .ant-calendar-ok-btn:active>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn.disabled,.ant-calendar .ant-calendar-ok-btn.disabled.active,.ant-calendar .ant-calendar-ok-btn.disabled:active,.ant-calendar .ant-calendar-ok-btn.disabled:focus,.ant-calendar .ant-calendar-ok-btn.disabled:hover,.ant-calendar .ant-calendar-ok-btn[disabled],.ant-calendar .ant-calendar-ok-btn[disabled].active,.ant-calendar .ant-calendar-ok-btn[disabled]:active,.ant-calendar .ant-calendar-ok-btn[disabled]:focus,.ant-calendar .ant-calendar-ok-btn[disabled]:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn-disabled {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover {
    color: rgba(0,0,0,.25);
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar-range-picker-input {
    background-color: transparent;
    border: 0;
    height: 99%;
    outline: 0;
    width: 43%;
    text-align: center;
    vertical-align: top
}

.ant-calendar-range-picker-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-calendar-range-picker-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-range-picker-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-range-picker-input[disabled] {
    cursor: not-allowed
}

.ant-calendar-range-picker-separator {
    color: rgba(0,0,0,.43);
    width: 8px;
    display: inline-block;
    line-height: 18px;
    vertical-align: top
}

.ant-calendar-range {
    width: 470px;
    overflow: hidden
}

.ant-calendar-range .ant-calendar-date-panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ant-calendar-range-part {
    width: 50%;
    position: relative
}

.ant-calendar-range-left {
    float: left
}

.ant-calendar-range-left .ant-calendar-time-picker-inner {
    border-right: 2px solid #e9e9e9
}

.ant-calendar-range-right {
    float: right
}

.ant-calendar-range-right .ant-calendar-time-picker-inner {
    border-left: 2px solid #e9e9e9
}

.ant-calendar-range-middle {
    position: absolute;
    left: 50%;
    width: 20px;
    margin-left: -132px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    color: rgba(0,0,0,.43)
}

.ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: -118px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
    margin-left: -12px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0
}

.ant-calendar-range .ant-calendar-input-wrap {
    position: relative;
    height: 34px
}

.ant-calendar-range .ant-calendar-input,.ant-calendar-range .ant-calendar-time-picker-input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    height: 22px;
    border: 0;
    box-shadow: none
}

.ant-calendar-range .ant-calendar-input::-moz-placeholder,.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-calendar-range .ant-calendar-input:hover,.ant-calendar-range .ant-calendar-time-picker-input:hover {
    border-color: #49a9ee
}

.ant-calendar-range .ant-calendar-input:focus,.ant-calendar-range .ant-calendar-time-picker-input:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-calendar-range .ant-calendar-input-disabled,.ant-calendar-range .ant-calendar-time-picker-input-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-calendar-range .ant-calendar-input-disabled:hover,.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
    border-color: #e2e2e2
}

textarea.ant-calendar-range .ant-calendar-input,textarea.ant-calendar-range .ant-calendar-time-picker-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-calendar-range .ant-calendar-input-lg,.ant-calendar-range .ant-calendar-time-picker-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-calendar-range .ant-calendar-input-sm,.ant-calendar-range .ant-calendar-time-picker-input-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-calendar-range .ant-calendar-input:focus,.ant-calendar-range .ant-calendar-time-picker-input:focus {
    box-shadow: none
}

.ant-calendar-range .ant-calendar-time-picker-icon {
    display: none
}

.ant-calendar-range.ant-calendar-week-number {
    width: 574px
}

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
    width: 286px
}

.ant-calendar-range .ant-calendar-month-panel,.ant-calendar-range .ant-calendar-year-panel {
    top: 34px
}

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
    top: 0
}

.ant-calendar-range .ant-calendar-decade-panel-table,.ant-calendar-range .ant-calendar-month-panel-table,.ant-calendar-range .ant-calendar-year-panel-table {
    height: 208px
}

.ant-calendar-range .ant-calendar-in-range-cell {
    border-radius: 0;
    position: relative
}

.ant-calendar-range .ant-calendar-in-range-cell>div {
    position: relative;
    z-index: 1
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
    content: "";
    display: block;
    background: #ecf6fd;
    border-radius: 0;
    border: 0;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    right: 0
}

div.ant-calendar-range-quick-selector {
    text-align: left
}

div.ant-calendar-range-quick-selector>a {
    margin-right: 8px
}

.ant-calendar-range .ant-calendar-header,.ant-calendar-range .ant-calendar-month-panel-header,.ant-calendar-range .ant-calendar-year-panel-header {
    border-bottom: 0
}

.ant-calendar-range .ant-calendar-body,.ant-calendar-range .ant-calendar-month-panel-body,.ant-calendar-range .ant-calendar-year-panel-body {
    border-top: 1px solid #e9e9e9
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
    height: 207px;
    width: 100%;
    top: 68px;
    z-index: 2
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
    height: 241px;
    margin-top: -34px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
    padding-top: 34px;
    height: 100%;
    background: none
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
    display: inline-block;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #e9e9e9
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
    height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
    max-height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
    margin-right: 8px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
    margin: 8px 12px;
    height: 22px;
    line-height: 22px
}

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
    height: 247px
}

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker-panel {
    height: 281px
}

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
    border-top-color: transparent
}

.ant-calendar-time-picker {
    position: absolute;
    width: 100%;
    top: 34px;
    background-color: #fff
}

.ant-calendar-time-picker-panel {
    z-index: 1050;
    position: absolute;
    width: 100%
}

.ant-calendar-time-picker-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    line-height: 1.5;
    overflow: hidden;
    width: 100%
}

.ant-calendar-time-picker-column-1,.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select,.ant-calendar-time-picker-combobox {
    width: 100%
}

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
    width: 50%
}

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
    width: 33.33%
}

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
    width: 25%
}

.ant-calendar-time-picker-input-wrap {
    display: none
}

.ant-calendar-time-picker-select {
    float: left;
    font-size: 12px;
    border-right: 1px solid #e9e9e9;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 206px
}

.ant-calendar-time-picker-select:hover {
    overflow-y: auto
}

.ant-calendar-time-picker-select:first-child {
    border-left: 0;
    margin-left: 0
}

.ant-calendar-time-picker-select:last-child {
    border-right: 0
}

.ant-calendar-time-picker-select ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 206px
}

.ant-calendar-time-picker-select li {
    text-align: center;
    list-style: none;
    box-sizing: content-box;
    margin: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .3s ease
}

.ant-calendar-time-picker-select li:last-child:after {
    content: "";
    height: 182px;
    display: block
}

.ant-calendar-time-picker-select li:hover {
    background: #ecf6fd
}

li.ant-calendar-time-picker-select-option-selected {
    background: #f7f7f7;
    font-weight: 700
}

li.ant-calendar-time-picker-select-option-disabled {
    color: rgba(0,0,0,.25)
}

li.ant-calendar-time-picker-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

.ant-calendar-time .ant-calendar-day-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 34px
}

.ant-calendar-time .ant-calendar-footer {
    position: relative;
    height: auto;
    line-height: auto
}

.ant-calendar-time .ant-calendar-footer-btn {
    text-align: right
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
    float: left;
    margin: 0
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
    display: inline-block;
    margin-right: 8px
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
    color: rgba(0,0,0,.25)
}

.ant-calendar-month-panel {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 4px;
    background: #fff;
    outline: none
}

.ant-calendar-month-panel>div {
    height: 100%
}

.ant-calendar-month-panel-hidden {
    display: none
}

.ant-calendar-month-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-month-panel-header a:hover {
    color: #49a9ee
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 34px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: rgba(0,0,0,.43);
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
    content: "\AB"
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
    right: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
    content: "\BB"
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
    content: "\2039"
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
    right: 29px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
    content: "\203A"
}

.ant-calendar-month-panel-body {
    height: calc(100% - 34px)
}

.ant-calendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    background: #108ee9;
    color: #fff
}

.ant-calendar-month-panel-cell {
    text-align: center
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f7f7f7
}

.ant-calendar-month-panel-month {
    display: inline-block;
    margin: 0 auto;
    color: rgba(0,0,0,.65);
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    transition: background .3s ease
}

.ant-calendar-month-panel-month:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-calendar-year-panel {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 4px;
    background: #fff;
    outline: none
}

.ant-calendar-year-panel>div {
    height: 100%
}

.ant-calendar-year-panel-hidden {
    display: none
}

.ant-calendar-year-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-year-panel-header a:hover {
    color: #49a9ee
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 34px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: rgba(0,0,0,.43);
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
    content: "\AB"
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
    right: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
    content: "\BB"
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
    content: "\2039"
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
    right: 29px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
    content: "\203A"
}

.ant-calendar-year-panel-body {
    height: calc(100% - 34px)
}

.ant-calendar-year-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.ant-calendar-year-panel-cell {
    text-align: center
}

.ant-calendar-year-panel-year {
    display: inline-block;
    margin: 0 auto;
    color: rgba(0,0,0,.65);
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    transition: background .3s ease
}

.ant-calendar-year-panel-year:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
    background: #108ee9;
    color: #fff
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0,0,0,.25)
}

.ant-calendar-decade-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius: 4px;
    outline: none
}

.ant-calendar-decade-panel-hidden {
    display: none
}

.ant-calendar-decade-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-decade-panel-header a:hover {
    color: #49a9ee
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 34px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: rgba(0,0,0,.43);
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
    content: "\AB"
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
    right: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
    content: "\BB"
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
    content: "\2039"
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
    right: 29px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
    content: "\203A"
}

.ant-calendar-decade-panel-body {
    height: calc(100% - 34px)
}

.ant-calendar-decade-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.ant-calendar-decade-panel-cell {
    text-align: center;
    white-space: nowrap
}

.ant-calendar-decade-panel-decade {
    display: inline-block;
    margin: 0 auto;
    color: rgba(0,0,0,.65);
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    transition: background .3s ease
}

.ant-calendar-decade-panel-decade:hover {
    background: #ecf6fd;
    cursor: pointer
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
    background: #108ee9;
    color: #fff
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0,0,0,.25)
}

.ant-calendar-month .ant-calendar-month-panel,.ant-calendar-month .ant-calendar-year-panel {
    top: 0;
    height: 248px
}

.ant-time-picker-panel {
    z-index: 1050;
    position: absolute
}

.ant-time-picker-panel-inner {
    position: relative;
    outline: none;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    background-clip: padding-box;
    line-height: 1.5;
    overflow: hidden;
    left: -2px
}

.ant-time-picker-panel-input {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    cursor: auto;
    line-height: 1.5;
    outline: 0
}

.ant-time-picker-panel-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-time-picker-panel-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-time-picker-panel-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-time-picker-panel-input-wrap {
    box-sizing: border-box;
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.ant-time-picker-panel-input-invalid {
    border-color: red
}

.ant-time-picker-panel-clear-btn {
    position: absolute;
    right: 5px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 5px;
    margin: 0
}

.ant-time-picker-panel-clear-btn:after {
    font-size: 12px;
    color: rgba(0,0,0,.25);
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color .3s ease;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E62E"
}

.ant-time-picker-panel-clear-btn:hover:after {
    color: rgba(0,0,0,.43)
}

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
    max-width: 112px
}

.ant-time-picker-panel-select {
    float: left;
    font-size: 12px;
    border-left: 1px solid #e9e9e9;
    box-sizing: border-box;
    width: 56px;
    overflow: hidden;
    position: relative;
    max-height: 144px
}

.ant-time-picker-panel-select:hover {
    overflow-y: auto
}

.ant-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0
}

.ant-time-picker-panel-select:last-child {
    border-right: 0
}

.ant-time-picker-panel-select:only-child {
    width: 100%
}

.ant-time-picker-panel-select ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 120px;
    width: 100%
}

.ant-time-picker-panel-select li {
    list-style: none;
    box-sizing: content-box;
    margin: 0;
    padding: 0 0 0 8px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .3s
}

.ant-time-picker-panel-select li:hover {
    background: #ecf6fd
}

li.ant-time-picker-panel-select-option-selected {
    background: #f7f7f7;
    font-weight: 700
}

li.ant-time-picker-panel-select-option-selected:hover {
    background: #f7f7f7
}

li.ant-time-picker-panel-select-option-disabled {
    color: rgba(0,0,0,.25)
}

li.ant-time-picker-panel-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

.ant-time-picker-panel-combobox {
    zoom: 1
}

.ant-time-picker-panel-combobox:after,.ant-time-picker-panel-combobox:before {
    content: " ";
    display: table
}

.ant-time-picker-panel-combobox:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-time-picker-panel-addon {
    padding: 8px;
    border-top: 1px solid #e9e9e9
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-time-picker {
    outline: none;
    transition: opacity .3s ease;
    width: 100px
}

.ant-time-picker,.ant-time-picker-input {
    position: relative;
    display: inline-block;
    font-size: 12px
}

.ant-time-picker-input {
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s
}

.ant-time-picker-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-time-picker-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-time-picker-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-time-picker-input:hover {
    border-color: #49a9ee
}

.ant-time-picker-input:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-time-picker-input-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-time-picker-input-disabled:hover {
    border-color: #e2e2e2
}

textarea.ant-time-picker-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-time-picker-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-time-picker-input-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-time-picker-input[disabled] {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-time-picker-input[disabled]:hover {
    border-color: #e2e2e2
}

.ant-time-picker-large .ant-time-picker-input {
    padding: 6px 7px;
    height: 32px
}

.ant-time-picker-small .ant-time-picker-input {
    padding: 1px 7px;
    height: 22px
}

.ant-time-picker-open {
    opacity: 0
}

.ant-time-picker-icon {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    width: 14px;
    height: 12px;
    line-height: 12px;
    right: 8px;
    color: rgba(0,0,0,.43);
    top: 50%;
    margin-top: -6px
}

.ant-time-picker-icon:after {
    content: "\E641";
    font-family: anticon;
    font-size: 12px;
    color: rgba(0,0,0,.43);
    display: block;
    line-height: 1
}

.ant-dropdown {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1050;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.ant-dropdown-wrap {
    position: relative
}

.ant-dropdown-wrap .ant-btn>.anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-wrap .ant-btn>.anticon-down {
    filter: none;
    font-size: 12px
}

.ant-dropdown-wrap .anticon-down:before {
    transition: transform .2s ease
}

.ant-dropdown-wrap-open .anticon-down:before {
    transform: rotate(180deg)
}

.ant-dropdown-hidden,.ant-dropdown-menu-hidden {
    display: none
}

.ant-dropdown-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    background-clip: padding-box
}

.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title {
    padding: 7px 8px;
    margin: 0;
    clear: both;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s
}

.ant-dropdown-menu-item>a,.ant-dropdown-menu-submenu-title>a {
    color: rgba(0,0,0,.65);
    display: block;
    padding: 7px 8px;
    margin: -7px -8px;
    transition: all .3s
}

.ant-dropdown-menu-item>a:focus,.ant-dropdown-menu-submenu-title>a:focus {
    text-decoration: none
}

.ant-dropdown-menu-item-selected,.ant-dropdown-menu-item-selected>a,.ant-dropdown-menu-submenu-title-selected,.ant-dropdown-menu-submenu-title-selected>a {
    color: #108ee9;
    background-color: #ecf6fd
}

.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover {
    background-color: #ecf6fd
}

.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover {
    color: rgba(0,0,0,.25);
    background-color: #fff;
    cursor: not-allowed
}

.ant-dropdown-menu-item:first-child,.ant-dropdown-menu-item:first-child>a,.ant-dropdown-menu-submenu-title:first-child,.ant-dropdown-menu-submenu-title:first-child>a {
    border-radius: 4px 4px 0 0
}

.ant-dropdown-menu-item:last-child,.ant-dropdown-menu-item:last-child>a,.ant-dropdown-menu-submenu-title:last-child,.ant-dropdown-menu-submenu-title:last-child>a {
    border-radius: 0 0 4px 4px
}

.ant-dropdown-menu-item:only-child,.ant-dropdown-menu-item:only-child>a,.ant-dropdown-menu-submenu-title:only-child,.ant-dropdown-menu-submenu-title:only-child>a {
    border-radius: 4px
}

.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    overflow: hidden;
    background-color: #e9e9e9;
    line-height: 0
}

.ant-dropdown-menu-submenu-title:after {
    font-family: anticon!important;
    position: absolute;
    content: "\E61F";
    right: 8px;
    color: rgba(0,0,0,.43);
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-menu-submenu-title:after {
    filter: none;
    font-size: 12px
}

.ant-dropdown-menu-submenu-vertical {
    position: relative
}

.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title:after {
    color: rgba(0,0,0,.25)
}

.ant-dropdown-menu-submenu:first-child .ant-dropdown-menu-submenu-title {
    border-radius: 4px 4px 0 0
}

.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0 0 4px 4px
}

.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-dropdown-link .anticon-down,.ant-dropdown-trigger .anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-link .anticon-down,:root .ant-dropdown-trigger .anticon-down {
    filter: none;
    font-size: 12px
}

.ant-dropdown-button {
    white-space: nowrap
}

.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child) {
    padding-right: 8px
}

.ant-dropdown-button .anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-button .anticon-down {
    filter: none;
    font-size: 12px
}

.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu {
    background: #404040
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-item:after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:after {
    color: hsla(0,0%,100%,.67)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover {
    color: #fff;
    background: transparent
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
    background: #108ee9;
    color: #fff
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: inherit;
    color: rgba(0,0,0,.43);
    border: 0;
    border-bottom: 1px solid #d9d9d9
}

label {
    font-size: 12px
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 15px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65)
}

label {
    position: relative
}

label>.anticon {
    vertical-align: top;
    font-size: 12px
}

.ant-form-item-required:before {
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    line-height: 1;
    font-size: 12px;
    color: #f04134
}

.ant-form-hide-required-mark .ant-form-item-required:before {
    display: none
}

.ant-checkbox-inline.disabled,.ant-checkbox-vertical.disabled,.ant-checkbox.disabled label,.ant-radio-inline.disabled,.ant-radio-vertical.disabled,.ant-radio.disabled label,input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.ant-form-item {
    font-size: 12px;
    margin-bottom: 24px;
    color: rgba(0,0,0,.65);
    vertical-align: top
}

.ant-form-item :not(.ant-form)>.ant-form-item,.ant-form-item>.ant-form-item {
    margin-bottom: -24px
}

.ant-form-item-control {
    line-height: 32px;
    position: relative;
    zoom: 1
}

.ant-form-item-control:after,.ant-form-item-control:before {
    content: " ";
    display: table
}

.ant-form-item-control:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-form-item-with-help {
    margin-bottom: 6px
}

.ant-form-item-label {
    text-align: right;
    vertical-align: middle;
    line-height: 32px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ant-form-item-label label {
    color: rgba(0,0,0,.85)
}

.ant-form-item-label label:after {
    content: ":";
    margin: 0 8px 0 2px;
    position: relative;
    top: -.5px
}

.ant-form-item .ant-switch {
    margin: 4px 0
}

.ant-form-item-no-colon .ant-form-item-label label:after {
    content: " "
}

.ant-form-explain,.ant-form-extra {
    color: rgba(0,0,0,.43);
    line-height: 1.5
}

.ant-form-extra {
    padding-top: 4px
}

.ant-form-text {
    display: inline-block;
    padding-right: 8px
}

.ant-form-split {
    display: block;
    text-align: center
}

form .has-feedback .ant-input {
    padding-right: 24px
}

form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection__clear,form .has-feedback>.ant-select .ant-select-arrow,form .has-feedback>.ant-select .ant-select-selection__clear {
    right: 28px
}

form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,form .has-feedback>.ant-select .ant-select-selection-selected-value {
    padding-right: 42px
}

form .has-feedback .ant-cascader-picker-arrow {
    margin-right: 21px
}

form .has-feedback .ant-calendar-picker-clear,form .has-feedback .ant-calendar-picker-icon,form .has-feedback .ant-cascader-picker-clear,form .has-feedback .ant-time-picker-clear,form .has-feedback .ant-time-picker-icon {
    right: 28px
}

form textarea.ant-input {
    height: auto
}

form .ant-upload {
    background: transparent
}

form input[type=checkbox],form input[type=radio] {
    width: 14px;
    height: 14px
}

form .ant-checkbox-inline,form .ant-radio-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
    margin-left: 8px
}

form .ant-checkbox-inline:first-child,form .ant-radio-inline:first-child {
    margin-left: 0
}

form .ant-checkbox-vertical,form .ant-radio-vertical {
    display: block
}

form .ant-checkbox-vertical+.ant-checkbox-vertical,form .ant-radio-vertical+.ant-radio-vertical {
    margin-left: 0
}

form .ant-input-number {
    margin-top: -1px;
    margin-right: 8px
}

form .ant-cascader-picker,form .ant-select {
    width: 100%
}

form .ant-cascader-picker:only-child,form .ant-select:only-child {
    display: block
}

form .ant-input-group .ant-cascader-picker,form .ant-input-group .ant-select {
    width: auto
}

form .ant-input-group-addon .ant-cascader-picker:only-child,form .ant-input-group-addon .ant-select:only-child {
    display: inline-block
}

.ant-input-group-wrap .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ant-input-group-wrap .ant-select-selection:hover {
    border-color: #d9d9d9
}

.ant-input-group-wrap .ant-select-selection--single {
    margin-left: -1px;
    height: 32px;
    background-color: #eee
}

.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
    padding-left: 8px;
    padding-right: 25px;
    line-height: 30px
}

.ant-input-group-wrap .ant-select-open .ant-select-selection {
    border-color: #d9d9d9;
    box-shadow: none
}

.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label {
    padding: 0 0 8px;
    display: block;
    text-align: left;
    line-height: 1.5
}

.ant-col-24.ant-form-item-label label:after,.ant-col-xl-24.ant-form-item-label label:after,.ant-form-vertical .ant-form-item-label label:after {
    display: none
}

@media (max-width:767px) {
    .ant-col-xs-24.ant-form-item-label {
        padding: 0 0 8px;
        display: block;
        text-align: left;
        line-height: 1.5
    }

    .ant-col-xs-24.ant-form-item-label label:after {
        display: none
    }
}

@media (max-width:991px) {
    .ant-col-sm-24.ant-form-item-label {
        padding: 0 0 8px;
        display: block;
        text-align: left;
        line-height: 1.5
    }

    .ant-col-sm-24.ant-form-item-label label:after {
        display: none
    }
}

@media (max-width:1199px) {
    .ant-col-md-24.ant-form-item-label {
        padding: 0 0 8px;
        display: block;
        text-align: left;
        line-height: 1.5
    }

    .ant-col-md-24.ant-form-item-label label:after {
        display: none
    }
}

@media (max-width:1599px) {
    .ant-col-lg-24.ant-form-item-label {
        padding: 0 0 8px;
        display: block;
        text-align: left;
        line-height: 1.5
    }

    .ant-col-lg-24.ant-form-item-label label:after {
        display: none
    }
}

.ant-form-inline .ant-form-item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 0
}

.ant-form-inline .ant-form-item-with-help {
    margin-bottom: 24px
}

.ant-form-inline .ant-form-item>div {
    display: inline-block;
    vertical-align: middle
}

.ant-form-inline .ant-form-text,.ant-form-inline .has-feedback {
    display: inline-block
}

.ant-form-inline .ant-form-explain {
    position: absolute
}

.has-error.has-feedback:after,.has-success.has-feedback:after,.has-warning.has-feedback:after,.is-validating.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible;
    pointer-events: none;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46);
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    z-index: 1
}

.has-success.has-feedback:after {
    animation-name: diffZoomIn1!important
}

.has-error.has-feedback:after {
    animation-name: diffZoomIn2!important
}

.has-warning.has-feedback:after {
    animation-name: diffZoomIn3!important
}

.has-success.has-feedback:after {
    content: "\E630";
    color: #00a854
}

.has-warning .ant-form-explain,.has-warning .ant-form-split {
    color: #ffbf00
}

.has-warning .ant-input,.has-warning .ant-input:hover {
    border-color: #ffbf00
}

.has-warning .ant-input:focus {
    border-color: #ffce3d;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,191,0,.2)
}

.has-warning .ant-input:not([disabled]):hover {
    border-color: #ffbf00
}

.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: #ffce3d;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,191,0,.2)
}

.has-warning .ant-input-prefix {
    color: #ffbf00
}

.has-warning .ant-input-group-addon {
    color: #ffbf00;
    border-color: #ffbf00;
    background-color: #fff
}

.has-warning .has-feedback {
    color: #ffbf00
}

.has-warning.has-feedback:after {
    content: "\E62C";
    color: #ffbf00
}

.has-warning .ant-select-selection {
    border-color: #ffbf00
}

.has-warning .ant-select-focused .ant-select-selection,.has-warning .ant-select-open .ant-select-selection {
    border-color: #ffce3d;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,191,0,.2)
}

.has-warning .ant-calendar-picker-icon:after,.has-warning .ant-cascader-picker-arrow,.has-warning .ant-picker-icon:after,.has-warning .ant-select-arrow,.has-warning .ant-time-picker-icon:after {
    color: #ffbf00
}

.has-warning .ant-input-number,.has-warning .ant-time-picker-input {
    border-color: #ffbf00
}

.has-warning .ant-input-number-focused,.has-warning .ant-input-number:focus,.has-warning .ant-time-picker-input-focused,.has-warning .ant-time-picker-input:focus {
    border-color: #ffce3d;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,191,0,.2)
}

.has-warning .ant-input-number:not([disabled]):hover,.has-warning .ant-time-picker-input:not([disabled]):hover {
    border-color: #ffbf00
}

.has-error .ant-form-explain,.has-error .ant-form-split {
    color: #f04134
}

.has-error .ant-input,.has-error .ant-input:hover {
    border-color: #f04134
}

.has-error .ant-input:focus {
    border-color: #f46e65;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(240,65,52,.2)
}

.has-error .ant-input:not([disabled]):hover {
    border-color: #f04134
}

.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: #f46e65;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(240,65,52,.2)
}

.has-error .ant-input-prefix {
    color: #f04134
}

.has-error .ant-input-group-addon {
    color: #f04134;
    border-color: #f04134;
    background-color: #fff
}

.has-error .has-feedback {
    color: #f04134
}

.has-error.has-feedback:after {
    content: "\E62E";
    color: #f04134
}

.has-error .ant-select-selection {
    border-color: #f04134
}

.has-error .ant-select-focused .ant-select-selection,.has-error .ant-select-open .ant-select-selection {
    border-color: #f46e65;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(240,65,52,.2)
}

.has-error .ant-input-group-addon .ant-select-selection {
    border-color: transparent;
    box-shadow: none
}

.has-error .ant-calendar-picker-icon:after,.has-error .ant-cascader-picker-arrow,.has-error .ant-picker-icon:after,.has-error .ant-select-arrow,.has-error .ant-time-picker-icon:after {
    color: #f04134
}

.has-error .ant-input-number,.has-error .ant-time-picker-input {
    border-color: #f04134
}

.has-error .ant-input-number-focused,.has-error .ant-input-number:focus,.has-error .ant-time-picker-input-focused,.has-error .ant-time-picker-input:focus {
    border-color: #f46e65;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(240,65,52,.2)
}

.has-error .ant-input-number:not([disabled]):hover,.has-error .ant-mention-wrapper .ant-mention-editor,.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,.has-error .ant-time-picker-input:not([disabled]):hover {
    border-color: #f04134
}

.has-error .ant-mention-wrapper.ant-mention-active .ant-mention-editor,.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
    border-color: #f46e65;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(240,65,52,.2)
}

.is-validating.has-feedback:after {
    display: inline-block;
    animation: loadingCircle 1s infinite linear;
    content: "\E64D";
    color: #108ee9
}

.ant-advanced-search-form .ant-form-item {
    margin-bottom: 16px
}

.ant-advanced-search-form .ant-input,.ant-advanced-search-form .ant-input-group .ant-input,.ant-advanced-search-form .ant-input-group .ant-input-group-addon {
    height: 28px
}

@keyframes diffZoomIn1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes diffZoomIn2 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes diffZoomIn3 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.ant-input-number {
    position: relative;
    padding: 4px 7px;
    width: 100%;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    transition: all .3s;
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 28px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 80px
}

.ant-input-number::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-input-number:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input-number::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input-number:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

textarea.ant-input-number {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-input-number-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-input-number-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-input-number-handler {
    text-align: center;
    line-height: 0;
    height: 50%;
    overflow: hidden;
    color: rgba(0,0,0,.43);
    position: relative;
    transition: all .1s linear;
    display: block;
    width: 100%;
    font-weight: 700
}

.ant-input-number-handler:active {
    background: #f4f4f4
}

.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner {
    color: #49a9ee
}

.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner {
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all .1s linear;
    display: inline-block;
    font-size: 12px;
    font-size: 7px\9;
    transform: scale(.58333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    right: 4px;
    color: rgba(0,0,0,.43)
}

.ant-input-number-handler-down-inner:before,.ant-input-number-handler-up-inner:before {
    display: block;
    font-family: anticon!important
}

:root .ant-input-number-handler-down-inner,:root .ant-input-number-handler-up-inner {
    filter: none;
    font-size: 12px
}

.ant-input-number:hover {
    border-color: #49a9ee
}

.ant-input-number-focused {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-input-number-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-input-number-disabled:hover {
    border-color: #e2e2e2
}

.ant-input-number-input {
    width: 100%;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    height: 26px;
    transition: all .3s linear;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 0 7px;
    display: block
}

.ant-input-number-input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-input-number-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input-number-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-input-number-input[disabled] {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-input-number-input[disabled]:hover {
    border-color: #e2e2e2
}

.ant-input-number-lg {
    padding: 0
}

.ant-input-number-lg input {
    height: 30px
}

.ant-input-number-sm {
    padding: 0
}

.ant-input-number-sm input {
    height: 20px
}

.ant-input-number-handler-wrap {
    border-left: 1px solid #d9d9d9;
    width: 22px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    border-radius: 0 4px 4px 0;
    transition: opacity .24s linear .1s;
    z-index: 2
}

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
    height: 40%
}

.ant-input-number:hover .ant-input-number-handler-wrap {
    opacity: 1
}

.ant-input-number-handler-up {
    cursor: pointer
}

.ant-input-number-handler-up-inner {
    top: 50%;
    margin-top: -6px
}

.ant-input-number-handler-up-inner:before {
    text-align: center;
    content: "\E61E"
}

.ant-input-number-handler-up:hover {
    height: 60%!important
}

.ant-input-number-handler-down {
    border-top: 1px solid #d9d9d9;
    top: -1px;
    cursor: pointer
}

.ant-input-number-handler-down-inner {
    top: 50%;
    margin-top: -6px
}

.ant-input-number-handler-down-inner:before {
    text-align: center;
    content: "\E61D"
}

.ant-input-number-handler-down:hover {
    height: 60%!important
}

.ant-input-number-disabled .ant-input-number-handler-down-inner,.ant-input-number-disabled .ant-input-number-handler-up-inner,.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner,.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner,.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner {
    opacity: .72;
    color: #ccc!important;
    cursor: not-allowed
}

.ant-input-number-disabled .ant-input-number-input {
    opacity: .72;
    cursor: not-allowed;
    background-color: #f7f7f7
}

.ant-input-number-disabled .ant-input-number-handler-wrap {
    display: none
}

.ant-input-number-disabled .ant-input-number-handler {
    opacity: .72;
    color: #ccc!important;
    cursor: not-allowed
}

.ant-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: auto;
    flex: auto;
    background: #ececec
}

.ant-layout.ant-layout-has-sider {
    -ms-flex-direction: row;
    flex-direction: row
}

.ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content {
    overflow-x: hidden
}

.ant-layout-footer,.ant-layout-header {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ant-layout-header {
    background: #404040;
    padding: 0 50px;
    height: 64px;
    line-height: 64px
}

.ant-layout-footer {
    padding: 24px 50px;
    color: rgba(0,0,0,.65);
    font-size: 12px
}

.ant-layout-content {
    -ms-flex: auto;
    flex: auto
}

.ant-layout-sider {
    transition: all .2s;
    position: relative;
    background: #404040;
    min-width: 0
}

.ant-layout-sider-has-trigger {
    padding-bottom: 48px
}

.ant-layout-sider-right {
    -ms-flex-order: 1;
    order: 1
}

.ant-layout-sider-trigger {
    position: fixed;
    text-align: center;
    bottom: 0;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background: #404040;
    z-index: 1;
    transition: all .15s cubic-bezier(.645,.045,.355,1)
}

.ant-layout-sider-zero-width>* {
    overflow: hidden
}

.ant-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    text-align: center;
    width: 36px;
    height: 42px;
    line-height: 42px;
    background: #404040;
    color: #fff;
    font-size: 18px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: background .3s ease
}

.ant-layout-sider-zero-width-trigger:hover {
    background: #535353
}

.ant-mention-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.ant-mention-wrapper .ant-mention-editor {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    font-size: 12px;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    line-height: 1.5;
    padding: 0;
    display: block
}

.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-mention-wrapper .ant-mention-editor:hover {
    border-color: #49a9ee
}

.ant-mention-wrapper .ant-mention-editor:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-mention-wrapper .ant-mention-editor-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-mention-wrapper .ant-mention-editor-disabled:hover {
    border-color: #e2e2e2
}

textarea.ant-mention-wrapper .ant-mention-editor {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-mention-wrapper .ant-mention-editor-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-mention-wrapper .ant-mention-editor-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-mention-wrapper .ant-mention-editor-wrapper {
    overflow-y: auto;
    height: auto
}

.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-mention-wrapper.disabled .ant-mention-editor {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-mention-wrapper.disabled .ant-mention-editor:hover {
    border-color: #e2e2e2
}

.ant-mention-wrapper .public-DraftEditorPlaceholder-root {
    position: absolute
}

.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
    color: rgba(0,0,0,.25);
    opacity: 1;
    outline: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    height: auto;
    padding: 4px 7px
}

.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
    height: auto;
    padding: 4px 7px
}

.ant-mention-dropdown {
    margin-top: 1.5em;
    max-height: 250px;
    min-width: 120px;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 1050;
    left: -9999px;
    top: -9999px;
    position: absolute;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 12px
}

.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
    color: rgba(0,0,0,.25)
}

.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
    color: #108ee9;
    text-align: center;
    display: block
}

.ant-mention-dropdown-item {
    position: relative;
    display: block;
    padding: 7px 8px;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    white-space: nowrap;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: background .3s
}

.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus,.ant-mention-dropdown-item:hover {
    background-color: #ecf6fd
}

.ant-mention-dropdown-item-disabled {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-mention-dropdown-item-disabled:hover {
    color: rgba(0,0,0,.25);
    background-color: #fff;
    cursor: not-allowed
}

.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover {
    background-color: #f7f7f7;
    font-weight: 700;
    color: rgba(0,0,0,.65)
}

.ant-mention-dropdown-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e9e9e9;
    line-height: 0
}

.ant-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    z-index: 1050;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    color: rgba(0,0,0,.65);
    background: #fff;
    line-height: 46px;
    transition: background .3s,width .2s
}

.ant-menu-hidden {
    display: none
}

.ant-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ant-menu-item-group-title {
    color: rgba(0,0,0,.43);
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
    transition: all .3s
}

.ant-menu-item,.ant-menu-submenu,.ant-menu-submenu-title {
    cursor: pointer
}

.ant-menu-submenu,.ant-menu-submenu-inline {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-item,.ant-menu-submenu-title {
    transition: color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-item:active,.ant-menu-submenu-title:active {
    background: #ecf6fd
}

.ant-menu-submenu .ant-menu-sub {
    cursor: auto;
    transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-item>a {
    display: block;
    color: rgba(0,0,0,.65)
}

.ant-menu-item>a:hover {
    color: #108ee9
}

.ant-menu-item>a:focus {
    text-decoration: none
}

.ant-menu-item>a:before {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.ant-menu-item-divider {
    height: 1px;
    overflow: hidden;
    background-color: #e9e9e9;
    line-height: 0
}

.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    color: #108ee9
}

.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    z-index: 1050
}

.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu {
    margin-top: -1px
}

.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
    background-color: transparent
}

.ant-menu-item-selected,.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover {
    color: #108ee9
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #ecf6fd
}

.ant-menu-horizontal,.ant-menu-inline,.ant-menu-vertical {
    z-index: auto
}

.ant-menu-inline,.ant-menu-vertical {
    border-right: 1px solid #e9e9e9
}

.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item {
    margin-left: -1px;
    left: 1px;
    position: relative;
    z-index: 1
}

.ant-menu-inline .ant-menu-item:after,.ant-menu-vertical .ant-menu-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 3px solid #108ee9;
    transform: scaleY(.0001);
    opacity: 0;
    transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1)
}

.ant-menu-vertical.ant-menu-sub {
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item {
    border-right: 0;
    margin-left: 0;
    left: 0
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item:first-child {
    border-radius: 4px 4px 0 0
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item-group:last-child>.ant-menu-item-group-list:last-child>.ant-menu-item:last-child,.ant-menu-vertical.ant-menu-sub>.ant-menu-item:last-child {
    border-radius: 0 0 4px 4px
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item:only-child {
    border-radius: 4px
}

.ant-menu-inline {
    width: 100%
}

.ant-menu-inline .ant-menu-item-selected:after,.ant-menu-inline .ant-menu-selected:after {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
    opacity: 1;
    transform: scaleY(1)
}

.ant-menu-submenu-horizontal>.ant-menu {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: 1050
}

.ant-menu-submenu-vertical {
    z-index: 1
}

.ant-menu-submenu-vertical>.ant-menu {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: 1050
}

.ant-menu-item,.ant-menu-submenu-title {
    margin: 0;
    padding: 0 20px;
    position: relative;
    display: block;
    white-space: nowrap
}

.ant-menu-item .anticon,.ant-menu-submenu-title .anticon {
    min-width: 14px;
    margin-right: 8px;
    transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-item .anticon+span,.ant-menu-submenu-title .anticon+span {
    transition: opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);
    opacity: 1
}

.ant-menu>.ant-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e9e9e9
}

.ant-menu-submenu {
    position: relative
}

.ant-menu-submenu>.ant-menu {
    background-color: #fff;
    border-radius: 4px
}

.ant-menu-submenu>.ant-menu-submenu-title:after {
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg) scale(.75)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title:after {
    font-family: anticon!important;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    position: absolute;
    content: "\E61D";
    right: 16px
}

.ant-menu-submenu-inline>.ant-menu-submenu-title:after {
    top: 0;
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-menu-submenu-inline>.ant-menu-submenu-title:after {
    filter: none;
    font-size: 12px
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(180deg) scale(.75)
}

.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical .ant-menu-submenu-selected>a {
    color: #108ee9
}

.ant-menu-horizontal {
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: none;
    z-index: 0
}

.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu {
    position: relative;
    top: 1px;
    float: left;
    border-bottom: 2px solid transparent
}

.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover {
    border-bottom: 2px solid #108ee9;
    color: #108ee9
}

.ant-menu-horizontal>.ant-menu-item>a,.ant-menu-horizontal>.ant-menu-submenu>a {
    display: block;
    color: rgba(0,0,0,.65)
}

.ant-menu-horizontal>.ant-menu-item>a:hover,.ant-menu-horizontal>.ant-menu-submenu>a:hover {
    color: #108ee9
}

.ant-menu-horizontal:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title {
    padding: 0 16px;
    font-size: 12px;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ant-menu-inline-collapsed {
    width: 64px
}

.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
    left: 0;
    text-overflow: clip;
    padding: 0 24px!important
}

.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item:after,.ant-menu-inline-collapsed>.ant-menu-item:after,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title:after {
    display: none
}

.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
    font-size: 16px;
    line-height: 42px;
    margin: 0
}

.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span {
    max-width: 0;
    display: inline-block;
    opacity: 0
}

.ant-menu-inline-collapsed-tooltip {
    pointer-events: none
}

.ant-menu-inline-collapsed-tooltip .anticon {
    display: none
}

.ant-menu-inline-collapsed-tooltip a {
    color: hsla(0,0%,100%,.91)
}

.ant-menu-inline-collapsed .ant-menu-item-group-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 4px;
    padding-right: 4px
}

.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 16px 0 28px
}

.ant-menu-vertical.ant-menu-sub {
    padding: 0;
    transform-origin: 0 0
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu {
    transform-origin: 0 0
}

.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical {
    box-shadow: none
}

.ant-menu-sub.ant-menu-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
    line-height: 42px;
    height: 42px;
    list-style-type: disc;
    list-style-position: inside
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-left: 32px
}

.ant-menu-item-disabled,.ant-menu-submenu-disabled {
    color: rgba(0,0,0,.25)!important;
    cursor: not-allowed;
    background: none;
    border-color: transparent!important
}

.ant-menu-item-disabled>a,.ant-menu-submenu-disabled>a {
    color: rgba(0,0,0,.25)!important;
    pointer-events: none
}

.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title {
    color: rgba(0,0,0,.25)!important;
    cursor: not-allowed
}

.ant-menu-dark,.ant-menu-dark .ant-menu-sub {
    color: hsla(0,0%,100%,.67);
    background: #404040
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #333
}

.ant-menu-dark.ant-menu-horizontal {
    border-bottom-color: #404040
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
    border-color: #404040;
    border-bottom: 0
}

.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a {
    color: hsla(0,0%,100%,.67)
}

.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical {
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item {
    border-right: 0;
    margin-left: 0;
    left: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after {
    border-right: 0
}

.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open {
    background-color: transparent;
    color: #fff
}

.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open>a {
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected {
    border-right: 0;
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected:after {
    border-right: 0
}

.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover {
    color: #fff
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
    background-color: #108ee9
}

.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a {
    opacity: .8;
    color: hsla(0,0%,100%,.35)!important
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
    color: hsla(0,0%,100%,.35)!important
}

.ant-tooltip {
    position: absolute;
    z-index: 1060;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5
}

.ant-tooltip-hidden {
    display: none
}

.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight {
    padding-bottom: 8px
}

.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop {
    padding-left: 8px
}

.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight {
    padding-top: 8px
}

.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop {
    padding-right: 8px
}

.ant-tooltip-inner {
    max-width: 250px;
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: rgba(0,0,0,.75);
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    min-height: 34px
}

.ant-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: 3px;
    border-width: 5px 5px 0;
    border-top-color: rgba(0,0,0,.75)
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 16px
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 16px
}

.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    left: 3px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0,0,0,.75)
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 8px
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 8px
}

.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    right: 3px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(0,0,0,.75)
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 8px
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 8px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: 3px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0,0,0,.75)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 16px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 16px
}

.ant-message {
    font-size: 12px;
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 16px;
    left: 0;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice:first-child {
    margin-top: -8px
}

.ant-message-notice-content {
    padding: 8px 16px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    background: #fff;
    display: inline-block;
    pointer-events: all
}

.ant-message-success .anticon {
    color: #00a854
}

.ant-message-error .anticon {
    color: #f04134
}

.ant-message-warning .anticon {
    color: #ffbf00
}

.ant-message-info .anticon,.ant-message-loading .anticon {
    color: #108ee9
}

.ant-message .anticon {
    margin-right: 8px;
    font-size: 14px;
    top: 1px;
    position: relative
}

.ant-message-notice.move-up-leave.move-up-leave-active {
    animation-name: MessageMoveOut;
    overflow: hidden;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        opacity: 1;
        max-height: 150px;
        padding: 8px
    }

    to {
        opacity: 0;
        max-height: 0;
        padding: 0
    }
}

.ant-modal {
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 100px;
    padding-bottom: 24px
}

.ant-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.ant-modal-title {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: rgba(0,0,0,.85)
}

.ant-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    background-clip: padding-box;
    box-shadow: 0 2px 8px rgba(0,0,0,.2)
}

.ant-modal-close {
    cursor: pointer;
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: color .3s ease;
    color: rgba(0,0,0,.43);
    outline: 0
}

.ant-modal-close-x {
    display: block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px
}

.ant-modal-close-x:before {
    content: "\E633";
    display: block;
    font-family: anticon!important
}

.ant-modal-close:focus,.ant-modal-close:hover {
    color: #444;
    text-decoration: none
}

.ant-modal-header {
    padding: 13px 16px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: rgba(0,0,0,.65);
    border-bottom: 1px solid #e9e9e9
}

.ant-modal-body {
    padding: 16px;
    font-size: 12px;
    line-height: 1.5
}

.ant-modal-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 16px 10px 10px;
    text-align: right;
    border-radius: 0 0 4px 4px
}

.ant-modal-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

.ant-modal.zoom-appear,.ant-modal.zoom-enter {
    animation-duration: .3s;
    transform: none;
    opacity: 0
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55,55,55,.6);
    height: 100%;
    z-index: 1000;
    filter: alpha(opacity=50)
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-open {
    overflow: hidden
}

@media (max-width:768px) {
    .ant-modal {
        width: auto!important;
        margin: 10px
    }

    .vertical-center-modal .ant-modal {
        -ms-flex: 1;
        flex: 1
    }
}

.ant-confirm .ant-modal-close,.ant-confirm .ant-modal-header {
    display: none
}

.ant-confirm .ant-modal-body {
    padding: 30px 40px
}

.ant-confirm-body-wrapper {
    zoom: 1
}

.ant-confirm-body-wrapper:after,.ant-confirm-body-wrapper:before {
    content: " ";
    display: table
}

.ant-confirm-body-wrapper:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-confirm-body .ant-confirm-title {
    color: rgba(0,0,0,.65);
    font-weight: 700;
    font-size: 14px
}

.ant-confirm-body .ant-confirm-content {
    margin-left: 42px;
    font-size: 12px;
    color: rgba(0,0,0,.65);
    margin-top: 8px
}

.ant-confirm-body>.anticon {
    font-size: 24px;
    margin-right: 16px;
    padding: 0 1px;
    float: left
}

.ant-confirm .ant-confirm-btns {
    margin-top: 30px;
    float: right
}

.ant-confirm .ant-confirm-btns button+button {
    margin-left: 10px;
    margin-bottom: 0
}

.ant-confirm-error .ant-confirm-body>.anticon {
    color: #f04134
}

.ant-confirm-confirm .ant-confirm-body>.anticon,.ant-confirm-warning .ant-confirm-body>.anticon {
    color: #ffbf00
}

.ant-confirm-info .ant-confirm-body>.anticon {
    color: #108ee9
}

.ant-confirm-success .ant-confirm-body>.anticon {
    color: #00a854
}

.ant-notification {
    position: fixed;
    z-index: 1010;
    width: 335px;
    margin-right: 24px
}

.ant-notification-bottomLeft,.ant-notification-topLeft {
    margin-left: 24px;
    margin-right: 0
}

.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active {
    animation-name: NotificationLeftFadeIn
}

.ant-notification-notice {
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    background: #fff;
    line-height: 1.5;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.ant-notification-notice-message {
    font-size: 14px;
    color: rgba(0,0,0,.85);
    margin-bottom: 4px;
    line-height: 20px;
    display: inline-block
}

.ant-notification-notice-message-single-line-auto-margin {
    width: calc(335px - 16px * 2 - 24px - 48px - 100%);
    background-color: transparent;
    pointer-events: none;
    display: block;
    max-width: 4px
}

.ant-notification-notice-message-single-line-auto-margin:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.ant-notification-notice-description {
    font-size: 12px
}

.ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 24px
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
    font-size: 14px;
    margin-left: 48px;
    margin-bottom: 4px
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 48px;
    font-size: 12px
}

.ant-notification-notice-icon {
    position: absolute;
    font-size: 32px;
    line-height: 32px
}

.ant-notification-notice-icon-success {
    color: #00a854
}

.ant-notification-notice-icon-info {
    color: #108ee9
}

.ant-notification-notice-icon-warning {
    color: #ffbf00
}

.ant-notification-notice-icon-error {
    color: #f04134
}

.ant-notification-notice-close-x:after {
    font-size: 12px;
    content: "\E633";
    font-family: anticon;
    cursor: pointer
}

.ant-notification-notice-close {
    position: absolute;
    right: 16px;
    top: 10px;
    color: rgba(0,0,0,.43);
    outline: none;
    text-decoration: none
}

.ant-notification-notice-close:hover {
    color: #404040
}

.ant-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.ant-notification .notification-fade-effect {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-appear,.ant-notification-fade-enter {
    opacity: 0;
    animation-play-state: paused
}

.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-leave {
    animation-duration: .2s;
    animation-play-state: paused
}

.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running
}

@keyframes NotificationFadeIn {
    0% {
        opacity: 0;
        left: 335px
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        opacity: 0;
        right: 335px
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes NotificationFadeOut {
    0% {
        opacity: 1;
        margin-bottom: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
        max-height: 150px
    }

    to {
        opacity: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        max-height: 0
    }
}

.ant-pagination {
    font-size: 12px
}

.ant-pagination:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ant-pagination-item,.ant-pagination-total-text {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    margin-right: 8px
}

.ant-pagination-item {
    cursor: pointer;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 28px;
    text-align: center;
    list-style: none;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    font-family: Arial;
    outline: 0
}

.ant-pagination-item a {
    text-decoration: none;
    color: rgba(0,0,0,.65);
    transition: none;
    margin: 0 6px
}

.ant-pagination-item:focus,.ant-pagination-item:hover {
    transition: all .3s;
    border-color: #108ee9
}

.ant-pagination-item:focus a,.ant-pagination-item:hover a {
    color: #108ee9
}

.ant-pagination-item-active {
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-pagination-item-active:focus,.ant-pagination-item-active:hover {
    background-color: #49a9ee;
    border-color: #49a9ee
}

.ant-pagination-item-active:focus a,.ant-pagination-item-active:hover a,.ant-pagination-item-active a {
    color: #fff
}

.ant-pagination-jump-next,.ant-pagination-jump-prev {
    outline: 0
}

.ant-pagination-jump-next:after,.ant-pagination-jump-prev:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 2px;
    color: rgba(0,0,0,.25);
    text-align: center
}

.ant-pagination-jump-next:focus:after,.ant-pagination-jump-next:hover:after,.ant-pagination-jump-prev:focus:after,.ant-pagination-jump-prev:hover:after {
    color: #108ee9;
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    letter-spacing: -1px;
    font-family: anticon
}

:root .ant-pagination-jump-next:focus:after,:root .ant-pagination-jump-next:hover:after,:root .ant-pagination-jump-prev:focus:after,:root .ant-pagination-jump-prev:hover:after {
    filter: none;
    font-size: 12px
}

.ant-pagination-jump-prev:focus:after,.ant-pagination-jump-prev:hover:after {
    content: "\E620\E620"
}

.ant-pagination-jump-next:focus:after,.ant-pagination-jump-next:hover:after {
    content: "\E61F\E61F"
}

.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev {
    margin-right: 8px
}

.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev {
    font-family: Arial;
    cursor: pointer;
    color: rgba(0,0,0,.65);
    border-radius: 4px;
    list-style: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all .3s;
    display: inline-block;
    vertical-align: middle
}

.ant-pagination-next,.ant-pagination-prev {
    outline: 0
}

.ant-pagination-next a,.ant-pagination-prev a {
    color: rgba(0,0,0,.65);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-pagination-next:hover a,.ant-pagination-prev:hover a {
    color: #108ee9
}

.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    display: block;
    transition: all .3s
}

.ant-pagination-next .ant-pagination-item-link:after,.ant-pagination-prev .ant-pagination-item-link:after {
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: block;
    height: 26px;
    line-height: 26px;
    font-family: anticon;
    text-align: center;
    font-weight: 500
}

:root .ant-pagination-next .ant-pagination-item-link:after,:root .ant-pagination-prev .ant-pagination-item-link:after {
    filter: none;
    font-size: 12px
}

.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link {
    border-color: #108ee9;
    color: #108ee9
}

.ant-pagination-prev .ant-pagination-item-link:after {
    content: "\E620";
    display: block
}

.ant-pagination-next .ant-pagination-item-link:after {
    content: "\E61F";
    display: block
}

.ant-pagination-disabled,.ant-pagination-disabled:focus,.ant-pagination-disabled:hover {
    cursor: not-allowed
}

.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:focus .ant-pagination-item-link,.ant-pagination-disabled:focus a,.ant-pagination-disabled:hover .ant-pagination-item-link,.ant-pagination-disabled:hover a,.ant-pagination-disabled a {
    border-color: #d9d9d9;
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-pagination-slash {
    margin: 0 10px 0 5px
}

.ant-pagination-options {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px
}

.ant-pagination-options-size-changer {
    display: inline-block;
    margin-right: 8px
}

.ant-pagination-options-quick-jumper {
    display: inline-block;
    height: 28px;
    line-height: 28px
}

.ant-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    margin: 0 8px;
    width: 50px
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
    color: rgba(0,0,0,.25);
    opacity: 1
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
    color: rgba(0,0,0,.25)
}

.ant-pagination-options-quick-jumper input:hover {
    border-color: #49a9ee
}

.ant-pagination-options-quick-jumper input:focus {
    border-color: #49a9ee;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-pagination-options-quick-jumper input-disabled {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-pagination-options-quick-jumper input-disabled:hover {
    border-color: #e2e2e2
}

textarea.ant-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-pagination-options-quick-jumper input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-pagination-options-quick-jumper input-sm {
    padding: 1px 7px;
    height: 22px
}

.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev {
    height: 24px;
    line-height: 24px;
    vertical-align: top
}

.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
    border: 0;
    height: 24px
}

.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after {
    line-height: 24px
}

.ant-pagination-simple .ant-pagination-simple-pager {
    display: inline-block;
    margin-right: 8px
}

.ant-pagination-simple .ant-pagination-simple-pager input {
    margin-right: 8px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 0 6px;
    height: 24px;
    text-align: center;
    transition: border-color .3s
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: #108ee9
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-total-text {
    height: 20px;
    line-height: 20px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-item {
    border: 0;
    margin: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-next,.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-prev {
    margin: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-next .ant-pagination:not(.ant-pagination-simple)-item-link,.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-prev .ant-pagination:not(.ant-pagination-simple)-item-link {
    border: 0
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-jump-next,.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-jump-prev,.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-next .ant-pagination:not(.ant-pagination-simple)-item-link:after,.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-prev .ant-pagination:not(.ant-pagination-simple)-item-link:after {
    height: 20px;
    line-height: 20px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-options {
    margin-left: 8px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-options-quick-jumper {
    height: 20px;
    line-height: 20px
}

.ant-pagination:not(.ant-pagination-simple).mini .ant-pagination:not(.ant-pagination-simple)-options-quick-jumper input {
    padding: 1px 7px;
    height: 22px;
    width: 44px
}

@media only screen and (max-width:1024px) {
    .ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next {
        display: none
    }
}

.ant-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left
}

.ant-popover:after {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.01)
}

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight {
    padding-bottom: 8px
}

.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop {
    padding-left: 8px
}

.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight {
    padding-top: 8px
}

.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop {
    padding-right: 8px
}

.ant-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.ant-popover-title {
    min-width: 177px;
    margin: 0;
    min-height: 32px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 500
}

.ant-popover-inner-content,.ant-popover-title {
    padding: 8px 16px;
    color: rgba(0,0,0,.65)
}

.ant-popover-message {
    padding: 8px 0 16px;
    font-size: 12px;
    color: rgba(0,0,0,.65)
}

.ant-popover-message>.anticon {
    color: #ffbf00;
    line-height: 17px;
    position: absolute
}

.ant-popover-message-title {
    padding-left: 20px
}

.ant-popover-buttons {
    text-align: right;
    margin-bottom: 8px
}

.ant-popover-buttons button {
    margin-left: 8px
}

.ant-popover-arrow,.ant-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ant-popover-arrow {
    border-width: 5px
}

.ant-popover-arrow:after {
    border-width: 4px;
    content: ""
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
    border-bottom-width: 0;
    border-top-color: hsla(0,0%,85%,.7);
    bottom: 3px
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -4px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
    left: 3px;
    border-left-width: 0;
    border-right-color: hsla(0,0%,85%,.7)
}

.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow:after {
    content: " ";
    left: 1px;
    bottom: -4px;
    border-left-width: 0;
    border-right-color: #fff
}

.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
    border-top-width: 0;
    border-bottom-color: hsla(0,0%,85%,.7);
    top: 3px
}

.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -4px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
    right: 3px;
    border-right-width: 0;
    border-left-color: hsla(0,0%,85%,.7)
}

.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -4px
}

.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
    bottom: 12px
}

.ant-progress {
    display: inline-block
}

.ant-progress-line {
    width: 100%;
    font-size: 12px;
    position: relative
}

.ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.ant-progress-show-info .ant-progress-outer {
    padding-right: 2.75em;
    margin-right: -2.75em
}

.ant-progress-inner {
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 100px;
    vertical-align: middle
}

.ant-progress-circle-trail {
    stroke: #f7f7f7
}

.ant-progress-circle-path {
    stroke: #108ee9;
    animation: ant-progress-appear .3s
}

.ant-progress-bg {
    border-radius: 100px;
    background-color: #108ee9;
    transition: all .4s cubic-bezier(.08,.82,.17,1) 0s;
    position: relative
}

.ant-progress-text {
    width: 2em;
    text-align: left;
    font-size: 1em;
    margin-left: .75em;
    vertical-align: middle;
    display: inline-block
}

.ant-progress-text .anticon {
    font-size: 12px
}

.ant-progress-status-active .ant-progress-bg:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px;
    animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite
}

.ant-progress-status-exception .ant-progress-bg {
    background-color: #f04134
}

.ant-progress-status-exception .ant-progress-text {
    color: #f04134
}

.ant-progress-status-exception .ant-progress-circle-path {
    stroke: #f04134
}

.ant-progress-status-success .ant-progress-bg {
    background-color: #00a854
}

.ant-progress-status-success .ant-progress-text {
    color: #00a854
}

.ant-progress-status-success .ant-progress-circle-path {
    stroke: #00a854
}

.ant-progress-circle .ant-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent
}

.ant-progress-circle .ant-progress-text {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-family: tahoma;
    margin: 0
}

.ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em
}

.ant-progress-circle .ant-progress-status-exception .ant-progress-text {
    color: #f04134
}

.ant-progress-circle .ant-progress-status-success .ant-progress-text {
    color: #00a854
}

@keyframes ant-progress-appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ant-progress-active {
    0% {
        opacity: .1;
        width: 0
    }

    20% {
        opacity: .5;
        width: 0
    }

    to {
        opacity: 0;
        width: 100%
    }
}

.ant-rate {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.ant-rate-disabled .ant-rate-star {
    cursor: not-allowed
}

.ant-rate-disabled .ant-rate-star:hover {
    transform: scale(1)
}

.ant-rate-star {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    transition: all .3s;
    color: #e9e9e9;
    cursor: pointer
}

.ant-rate-star-first,.ant-rate-star-second {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s
}

.ant-rate-star:hover {
    transform: scale(1.1)
}

.ant-rate-star-first {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second {
    opacity: 1
}

.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first {
    color: #f5a623
}

.ant-rate-star-full:hover .ant-rate-star-second,.ant-rate-star-half:hover .ant-rate-star-first {
    color: #f7b84f
}

.ant-rate-text {
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px
}

.ant-slider {
    position: relative;
    margin: 10px 6px;
    padding: 4px 0;
    height: 12px;
    cursor: pointer
}

.ant-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.ant-slider-vertical .ant-slider-rail {
    height: 100%;
    width: 4px
}

.ant-slider-vertical .ant-slider-track {
    width: 4px
}

.ant-slider-vertical .ant-slider-handle {
    margin-left: -5px;
    margin-bottom: -7px
}

.ant-slider-vertical .ant-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.ant-slider-vertical .ant-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.ant-slider-vertical .ant-slider-step {
    width: 4px;
    height: 100%
}

.ant-slider-vertical .ant-slider-dot {
    top: auto;
    left: 2px;
    margin-bottom: -4px
}

.ant-slider-with-marks {
    margin-bottom: 28px
}

.ant-slider-rail {
    width: 100%;
    border-radius: 2px;
    background-color: #e9e9e9
}

.ant-slider-rail,.ant-slider-track {
    position: absolute;
    height: 4px;
    transition: background-color .3s ease
}

.ant-slider-track {
    border-radius: 4px;
    background-color: #9fd2f6
}

.ant-slider-handle {
    position: absolute;
    margin-left: -7px;
    margin-top: -5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #88c7f4;
    background-color: #fff;
    transition: border-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28)
}

.ant-slider-handle:hover {
    border-color: #49a9ee;
    transform: scale(1.2);
    transform-origin: center center
}

.ant-slider-handle:active {
    box-shadow: 0 0 0 2px rgba(16,142,233,.2)
}

.ant-slider:hover .ant-slider-rail {
    background-color: #e1e1e1
}

.ant-slider:hover .ant-slider-track {
    background-color: #70bbf2
}

.ant-slider:hover .ant-slider-handle {
    border-color: #49a9ee
}

.ant-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.ant-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: rgba(0,0,0,.43)
}

.ant-slider-mark-text-active {
    color: rgba(0,0,0,.65)
}

.ant-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.ant-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.ant-slider-dot,.ant-slider-dot:first-child,.ant-slider-dot:last-child {
    margin-left: -4px
}

.ant-slider-dot-active {
    border-color: #88c7f4
}

.ant-slider-disabled {
    cursor: not-allowed
}

.ant-slider-disabled .ant-slider-track {
    background-color: rgba(0,0,0,.25)!important
}

.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle {
    border-color: rgba(0,0,0,.25)!important;
    background-color: #fff;
    cursor: not-allowed;
    box-shadow: none
}

.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text {
    cursor: not-allowed!important
}

.ant-spin {
    color: #108ee9;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    position: absolute;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86);
    font-size: 12px;
    display: none
}

.ant-spin-spinning {
    opacity: 1;
    position: static;
    display: inline-block
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
    position: absolute;
    height: 100%;
    max-height: 320px;
    width: 100%;
    z-index: 4
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 6px
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
    padding-top: 3px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
    padding-top: 12px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative
}

.ant-spin-blur {
    overflow: hidden;
    opacity: .7;
    filter: blur(.5px);
    filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);
    -webkit-transform: translateZ(0)
}

.ant-spin-blur:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .3;
    transition: all .3s;
    z-index: 10
}

.ant-spin-tip {
    color: rgba(0,0,0,.43)
}

.ant-spin-dot {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    animation: antRotate 1.2s infinite linear
}

.ant-spin-dot i {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #108ee9;
    transform: scale(.75);
    display: block;
    position: absolute;
    opacity: .3;
    animation: antSpinMove 1s infinite linear alternate;
    transform-origin: 50% 50%
}

.ant-spin-dot i:first-child {
    left: 0;
    top: 0
}

.ant-spin-dot i:nth-child(2) {
    right: 0;
    top: 0;
    animation-delay: .4s
}

.ant-spin-dot i:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: .8s
}

.ant-spin-dot i:nth-child(4) {
    left: 0;
    bottom: 0;
    animation-delay: 1.2s
}

.ant-spin-sm .ant-spin-dot {
    width: 14px;
    height: 14px
}

.ant-spin-sm .ant-spin-dot i {
    width: 6px;
    height: 6px
}

.ant-spin-lg .ant-spin-dot {
    width: 32px;
    height: 32px
}

.ant-spin-lg .ant-spin-dot i {
    width: 14px;
    height: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ant-spin-blur {
        background: #fff;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ant-steps {
    font-size: 0;
    line-height: 1.5
}

.ant-steps .ant-steps-item {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner {
    border-color: rgba(0,0,0,.25);
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon {
    color: rgba(0,0,0,.25)
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot {
    background: rgba(0,0,0,.25)
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title {
    color: rgba(0,0,0,.43)
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
    border-color: #108ee9;
    background-color: #108ee9
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon {
    color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot {
    background: #108ee9
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
    color: rgba(0,0,0,.65)
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
    border-color: #108ee9;
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon {
    color: #108ee9
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot {
    background: #108ee9
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail>i:after {
    width: 100%;
    background: #108ee9;
    transition: all .6s;
    opacity: 1;
    box-shadow: 0 0 0 0 #108ee9;
    animation: tailEffect .4s
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
    color: rgba(0,0,0,.43)
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner {
    border-color: #f04134;
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon {
    color: #f04134
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot {
    background: #f04134
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title {
    color: #f04134
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i,.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i:after {
    background-color: #f04134
}

.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
    background: none;
    border: 0;
    width: auto;
    height: auto
}

.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner>.ant-steps-icon {
    font-size: 26px;
    width: 26px;
    height: 26px
}

.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon {
    color: #108ee9
}

.ant-steps .ant-steps-head,.ant-steps .ant-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ant-steps .ant-steps-head {
    background: #fff
}

.ant-steps .ant-steps-head-inner {
    display: block;
    border: 1px solid rgba(0,0,0,.25);
    width: 26px;
    height: 26px;
    line-height: 23px;
    text-align: center;
    border-radius: 26px;
    font-size: 14px;
    margin-right: 8px;
    transition: background-color .3s ease,border-color .3s ease;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon {
    line-height: 1;
    color: #108ee9;
    position: relative
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon {
    font-size: 12px
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-check,.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-cross {
    font-weight: 700
}

.ant-steps .ant-steps-title {
    font-size: 14px;
    line-height: 26px;
    color: rgba(0,0,0,.65);
    font-weight: 700;
    background-color: #fff;
    display: inline-block;
    padding-right: 10px
}

.ant-steps .ant-steps-title>a:first-child:last-child {
    color: rgba(0,0,0,.65)
}

.ant-steps .ant-steps-item:last-child .ant-steps-title {
    padding-right: 0;
    width: 100%
}

.ant-steps .ant-steps-item:last-child .ant-steps-tail {
    display: none
}

.ant-steps .ant-steps-description {
    font-size: 12px;
    color: rgba(0,0,0,.43)
}

.ant-steps .ant-steps-tail {
    position: absolute;
    left: 0;
    width: 100%;
    top: 13px;
    padding: 0 10px
}

.ant-steps .ant-steps-tail>i {
    display: inline-block;
    vertical-align: top;
    background: #e9e9e9;
    height: 1px;
    border-radius: 1px;
    width: 100%;
    position: relative
}

.ant-steps .ant-steps-tail>i:after {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    background: #e9e9e9;
    height: 100%;
    opacity: 0
}

.ant-steps.ant-steps-small .ant-steps-head-inner {
    border: 1px solid rgba(0,0,0,.25);
    width: 18px;
    height: 18px;
    line-height: 15px;
    text-align: center;
    border-radius: 18px;
    font-size: 12px;
    margin-right: 10px
}

.ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon {
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    top: 0
}

:root .ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon {
    filter: none;
    font-size: 12px
}

.ant-steps.ant-steps-small .ant-steps-main {
    margin-top: 0
}

.ant-steps.ant-steps-small .ant-steps-title {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0,0,0,.65);
    font-weight: 700
}

.ant-steps.ant-steps-small .ant-steps-description {
    font-size: 12px;
    color: rgba(0,0,0,.43)
}

.ant-steps.ant-steps-small .ant-steps-tail {
    top: 8px;
    padding: 0 8px
}

.ant-steps.ant-steps-small .ant-steps-tail>i {
    height: 1px;
    border-radius: 1px;
    width: 100%
}

.ant-steps.ant-steps-small .ant-steps-custom .ant-steps-head-inner>.ant-steps-icon {
    font-size: 18px;
    width: 18px;
    height: 18px
}

.ant-steps-vertical>.ant-steps-item {
    display: block
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-tail {
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    width: 1px;
    padding: 30px 0 4px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-tail>i {
    height: 100%;
    width: 1px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-tail>i:after {
    height: 0;
    width: 100%
}

.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail>i:after {
    height: 100%
}

.ant-steps-vertical .ant-steps-head {
    float: left
}

.ant-steps-vertical .ant-steps-head-inner {
    margin-right: 16px
}

.ant-steps-vertical .ant-steps-main {
    min-height: 47px;
    overflow: hidden;
    display: block
}

.ant-steps-vertical .ant-steps-main .ant-steps-title {
    line-height: 26px
}

.ant-steps-vertical .ant-steps-main .ant-steps-description {
    padding-bottom: 12px
}

.ant-steps-vertical.ant-steps-small .ant-steps-tail {
    position: absolute;
    left: 9px;
    top: 0;
    padding: 22px 0 4px
}

.ant-steps-vertical.ant-steps-small .ant-steps-tail>i {
    height: 100%
}

.ant-steps-vertical.ant-steps-small .ant-steps-title {
    line-height: 18px
}

.ant-steps-horizontal.ant-steps-hidden {
    visibility: hidden
}

.ant-steps-horizontal .ant-steps-description {
    max-width: 120px
}

.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
    padding-left: 10px;
    margin-left: -10px
}

.ant-steps-dot .ant-steps-item .ant-steps-step {
    display: inline-block;
    text-align: center;
    width: 120px
}

.ant-steps-dot .ant-steps-item:not(:first-child) .ant-steps-head {
    margin-left: 0;
    padding-left: 0
}

.ant-steps-dot .ant-steps-tail {
    margin: 0 0 0 60px;
    padding: 0;
    width: 100%;
    top: 1px
}

.ant-steps-dot .ant-steps-tail>i {
    height: 3px
}

.ant-steps-dot .ant-steps-head {
    display: inline-block;
    padding-right: 0
}

.ant-steps-dot .ant-steps-head-inner {
    margin: 0 auto;
    width: 5px;
    height: 5px;
    line-height: 5px;
    border: 0
}

.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 2.5px;
    position: relative
}

.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:after {
    content: "";
    background: hsla(0,0%,100%,.001);
    width: 40px;
    height: 24px;
    position: absolute;
    top: -8px;
    left: -16px
}

.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:hover {
    transform: scale(1.3)
}

.ant-steps-dot .ant-steps-main {
    display: block;
    margin-top: 10px
}

.ant-steps-dot .ant-steps-main .ant-steps-title {
    padding-right: 0;
    background-color: transparent
}

.ant-steps-dot .ant-steps-status-process .ant-steps-head {
    top: -1px
}

.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner {
    width: 7px;
    height: 7px;
    line-height: 7px
}

.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner .ant-steps-icon-dot {
    border-radius: 3.5px
}

.ant-steps-dot.ant-steps-vertical .ant-steps-tail {
    left: 2px;
    height: 100%;
    padding: 0;
    top: 15px
}

.ant-steps-dot.ant-steps-vertical .ant-steps-tail>i {
    height: 100%;
    width: 3px
}

.ant-steps-dot.ant-steps-vertical .ant-steps-head {
    top: 12px;
    left: 1px
}

.ant-steps-dot.ant-steps-vertical .ant-steps-status-process .ant-steps-head {
    left: 0
}

@keyframes tailEffect {
    to {
        box-shadow: 0 0 3px 3px transparent
    }
}

.ant-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 22px;
    min-width: 44px;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 20px;
    border: 1px solid transparent;
    background-color: rgba(0,0,0,.25);
    cursor: pointer;
    transition: all .36s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-switch-inner {
    color: #fff;
    font-size: 12px;
    margin-left: 24px;
    margin-right: 6px;
    display: block
}

.ant-switch:after {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 1px;
    top: 1px;
    border-radius: 18px;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    transition: all .36s cubic-bezier(.78,.14,.15,.86)
}

.ant-switch:active:after {
    width: 24px
}

.ant-switch:focus {
    box-shadow: 0 0 0 2px rgba(16,142,233,.2);
    outline: 0
}

.ant-switch:focus:hover {
    box-shadow: none
}

.ant-switch-small {
    height: 14px;
    min-width: 28px;
    line-height: 12px
}

.ant-switch-small .ant-switch-inner {
    margin-left: 18px;
    margin-right: 3px
}

.ant-switch-small:after {
    width: 12px;
    height: 12px;
    top: 0;
    left: .5px
}

.ant-switch-small:active:after {
    width: 16px
}

.ant-switch-small.ant-switch-checked:after {
    left: 100%;
    margin-left: -12.5px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin-left: 3px;
    margin-right: 18px
}

.ant-switch-small:active.ant-switch-checked:after {
    margin-left: -16.5px
}

.ant-switch-checked {
    background-color: #108ee9
}

.ant-switch-checked .ant-switch-inner {
    margin-left: 6px;
    margin-right: 24px
}

.ant-switch-checked:after {
    left: 100%;
    margin-left: -19px
}

.ant-switch-checked:active:after {
    margin-left: -25px
}

.ant-switch-disabled {
    cursor: not-allowed;
    background: #f4f4f4
}

.ant-switch-disabled:after {
    background: #ccc;
    cursor: not-allowed
}

.ant-switch-disabled .ant-switch-inner {
    color: rgba(0,0,0,.25)
}

.ant-table-wrapper {
    zoom: 1
}

.ant-table-wrapper:after,.ant-table-wrapper:before {
    content: " ";
    display: table
}

.ant-table-wrapper:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-table {
    font-size: 12px;
    color: rgba(0,0,0,.65);
    overflow: hidden;
    position: relative;
    border-radius: 4px 4px 0 0
}

.ant-table-body {
    transition: opacity .3s ease
}

.ant-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.ant-table-thead>tr>th {
    background: #f7f7f7;
    font-weight: 500;
    transition: background .3s ease;
    text-align: left;
    color: rgba(0,0,0,.85)
}

.ant-table-thead>tr>th[colspan] {
    text-align: center
}

.ant-table-thead>tr>th .ant-table-filter-icon,.ant-table-thead>tr>th .anticon-filter {
    position: relative;
    margin-left: 4px;
    font-size: 12px;
    cursor: pointer;
    color: #999;
    transition: all .3s;
    width: 14px
}

.ant-table-thead>tr>th .ant-table-filter-icon:hover,.ant-table-thead>tr>th .anticon-filter:hover {
    color: rgba(0,0,0,.65)
}

.ant-table-thead>tr>th .ant-table-filter-icon:after,.ant-table-thead>tr>th .anticon-filter:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 50px;
    left: 0;
    top: -19px
}

.ant-table-thead>tr>th .ant-table-filter-selected.anticon-filter {
    color: #108ee9
}

.ant-table-tbody>tr>td {
    border-bottom: 1px solid #e9e9e9;
    transition: all .3s
}

.ant-table-tbody>tr,.ant-table-thead>tr {
    transition: all .3s
}

.ant-table-tbody>tr.ant-table-row-hover>td,.ant-table-tbody>tr:hover>td,.ant-table-thead>tr.ant-table-row-hover>td,.ant-table-thead>tr:hover>td {
    background: #ecf6fd
}

.ant-table-thead>tr:hover {
    background: none
}

.ant-table-footer {
    padding: 16px 8px;
    background: #f7f7f7;
    border-radius: 0 0 4px 4px;
    position: relative
}

.ant-table-footer:before {
    content: "";
    height: 1px;
    background: #f7f7f7;
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0
}

.ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #e9e9e9
}

.ant-table-title {
    padding: 16px 0;
    position: relative;
    top: 1px;
    border-radius: 4px 4px 0 0
}

.ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #e9e9e9;
    padding-left: 8px;
    padding-right: 8px
}

.ant-table-title+.ant-table-content {
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.ant-table-bordered .ant-table-title+.ant-table-content,.ant-table-bordered .ant-table-title+.ant-table-content table,.ant-table-without-column-header .ant-table-title+.ant-table-content,.ant-table-without-column-header table {
    border-radius: 0
}

.ant-table-tbody>tr.ant-table-row-selected {
    background: #fafafa
}

.ant-table-thead>tr>th.ant-table-column-sort {
    background: #eee
}

.ant-table-tbody>tr>td,.ant-table-thead>tr>th {
    padding: 16px 8px;
    word-break: break-all
}

.ant-table-thead>tr>th.ant-table-selection-column-custom {
    padding-left: 16px;
    padding-right: 0
}

.ant-table-tbody>tr>td.ant-table-selection-column,.ant-table-thead>tr>th.ant-table-selection-column {
    text-align: center;
    min-width: 62px;
    width: 62px
}

.ant-table-expand-icon-th,.ant-table-row-expand-icon-cell {
    text-align: center;
    min-width: 50px;
    width: 50px
}

.ant-table-header {
    background: #f7f7f7;
    overflow: hidden
}

.ant-table-header table {
    border-radius: 4px 4px 0 0
}

.ant-table-loading {
    position: relative
}

.ant-table-loading .ant-table-body {
    background: #fff;
    opacity: .5
}

.ant-table-loading .ant-table-spin-holder {
    height: 20px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    position: absolute
}

.ant-table-loading .ant-table-with-pagination {
    margin-top: -20px
}

.ant-table-loading .ant-table-without-pagination {
    margin-top: 10px
}

.ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th:not(.ant-table-selection-column),.ant-table-middle .ant-table-title {
    padding: 10px 8px
}

.ant-table-middle .ant-table-column-sorter-up:after {
    top: -13px;
    height: 13px
}

.ant-table-middle .ant-table-column-sorter-down:after {
    bottom: -11px;
    height: 13px
}

.ant-table-middle .ant-table-thead>tr>th .ant-table-filter-icon:after,.ant-table-middle .ant-table-thead>tr>th .anticon-filter:after {
    height: 38px;
    top: -13px
}

.ant-table-small {
    border: 1px solid #e9e9e9;
    border-radius: 4px
}

.ant-table-small .ant-table-body>table,.ant-table-small .ant-table-header>table {
    border: 0;
    padding: 0 8px
}

.ant-table-small .ant-table-thead>tr>th {
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.ant-table-small .ant-table-tbody>tr>td {
    padding: 6px 8px
}

.ant-table-small .ant-table-footer,.ant-table-small .ant-table-thead>tr>th,.ant-table-small .ant-table-title {
    padding: 10px 8px
}

.ant-table-small .ant-table-title {
    border-bottom: 1px solid #e9e9e9;
    top: 0
}

.ant-table-small .ant-table-header {
    background: #fff
}

.ant-table-small .ant-table-placeholder,.ant-table-small .ant-table-row:last-child td {
    border-bottom: 0
}

.ant-table-small .ant-table-column-sorter-up:after {
    top: -14px;
    height: 13px
}

.ant-table-small .ant-table-column-sorter-down:after {
    bottom: -11px;
    height: 13px
}

.ant-table-small .ant-table-thead>tr>th .ant-table-filter-icon:after,.ant-table-small .ant-table-thead>tr>th .anticon-filter:after {
    height: 39px;
    top: -14px
}

.ant-table-column-sorter {
    position: relative;
    margin-left: 4px;
    display: inline-block;
    width: 14px;
    height: 1em;
    vertical-align: middle;
    text-align: center
}

.ant-table-column-sorter-down,.ant-table-column-sorter-up {
    line-height: 4px;
    display: block;
    width: 14px;
    cursor: pointer
}

.ant-table-column-sorter-down:hover .anticon,.ant-table-column-sorter-up:hover .anticon {
    color: rgba(0,0,0,.65)
}

.ant-table-column-sorter-down.on .anticon-caret-down,.ant-table-column-sorter-down.on .anticon-caret-up,.ant-table-column-sorter-up.on .anticon-caret-down,.ant-table-column-sorter-up.on .anticon-caret-up {
    color: #108ee9
}

.ant-table-column-sorter-down:after,.ant-table-column-sorter-up:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 14px;
    left: 0
}

.ant-table-column-sorter-up:after {
    top: -19px
}

.ant-table-column-sorter-down:after {
    bottom: -17px
}

.ant-table-column-sorter .anticon-caret-down,.ant-table-column-sorter .anticon-caret-up {
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    line-height: 4px;
    height: 4px;
    color: #999;
    transition: all .3s
}

:root .ant-table-column-sorter .anticon-caret-down,:root .ant-table-column-sorter .anticon-caret-up {
    filter: none;
    font-size: 12px
}

.ant-table-bordered .ant-table-body>table,.ant-table-bordered .ant-table-fixed-left table,.ant-table-bordered .ant-table-fixed-right table,.ant-table-bordered .ant-table-header>table {
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: 0
}

.ant-table-bordered.ant-table-empty .ant-table-placeholder {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-fixed-header .ant-table-header>table {
    border-bottom: 0
}

.ant-table-bordered.ant-table-fixed-header .ant-table-body>table {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner>table {
    border-top: 0
}

.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
    border: 0
}

.ant-table-bordered .ant-table-thead>tr>th {
    border-bottom: 1px solid #e9e9e9
}

.ant-table-bordered .ant-table-tbody>tr>td,.ant-table-bordered .ant-table-thead>tr>th {
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-small {
    border-right: 0
}

.ant-table-bordered.ant-table-small .ant-table-body>table,.ant-table-bordered.ant-table-small .ant-table-fixed-left table,.ant-table-bordered.ant-table-small .ant-table-fixed-right table,.ant-table-bordered.ant-table-small .ant-table-header>table {
    border: 0;
    padding: 0
}

.ant-table-bordered.ant-table-small .ant-table-title {
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-small .ant-table-footer {
    border: 0;
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-small .ant-table-footer:before {
    display: none
}

.ant-table-bordered.ant-table-small .ant-table-placeholder {
    border-left: 0;
    border-bottom: 0
}

.ant-table-placeholder {
    position: relative;
    padding: 16px 8px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    font-size: 12px;
    color: rgba(0,0,0,.43);
    z-index: 1
}

.ant-table-placeholder .anticon {
    margin-right: 4px
}

.ant-table-pagination {
    margin: 16px 0;
    float: right
}

.ant-table-filter-dropdown {
    min-width: 96px;
    margin-left: -8px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.ant-table-filter-dropdown .ant-dropdown-menu {
    border: 0;
    box-shadow: none;
    border-radius: 4px 4px 0 0
}

.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
    max-height: 400px;
    overflow-x: hidden
}

.ant-table-filter-dropdown .ant-dropdown-menu-item>label+span {
    padding: 0
}

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
    color: #108ee9;
    font-weight: 700;
    text-shadow: 0 0 2px #d2eafb
}

.ant-table-filter-dropdown .ant-dropdown-menu-item {
    overflow: hidden
}

.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child,.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0
}

.ant-table-filter-dropdown-btns {
    overflow: hidden;
    padding: 7px 8px;
    border-top: 1px solid #e9e9e9
}

.ant-table-filter-dropdown-link {
    color: #108ee9
}

.ant-table-filter-dropdown-link:hover {
    color: #49a9ee
}

.ant-table-filter-dropdown-link:active {
    color: #0e77ca
}

.ant-table-filter-dropdown-link.confirm {
    float: left
}

.ant-table-filter-dropdown-link.clear {
    float: right
}

.ant-table-selection-select-all-custom {
    margin-right: 4px!important
}

.ant-table-selection .anticon-down {
    color: #999;
    transition: all .3s
}

.ant-table-selection-menu {
    min-width: 96px;
    margin-top: 5px;
    margin-left: -30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.ant-table-selection-menu .ant-action-down {
    color: #999
}

.ant-table-selection-down {
    cursor: pointer;
    padding: 0;
    display: inline-block;
    line-height: 1
}

.ant-table-selection-down:hover .anticon-down {
    color: #666
}

.ant-table-row-expand-icon {
    cursor: pointer;
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 14px;
    border: 1px solid #e9e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff
}

.ant-table-row-expanded:after {
    content: "-"
}

.ant-table-row-collapsed:after {
    content: "+"
}

.ant-table-row-spaced {
    visibility: hidden
}

.ant-table-row-spaced:after {
    content: "."
}

.ant-table-row[class*=ant-table-row-level-0] .ant-table-selection-column>span {
    display: inline-block
}

tr.ant-table-expanded-row,tr.ant-table-expanded-row:hover {
    background: #fbfbfb
}

.ant-table .ant-table-row-indent+.ant-table-row-expand-icon {
    margin-right: 8px
}

.ant-table-scroll {
    overflow: auto;
    overflow-x: hidden
}

.ant-table-scroll table {
    width: auto;
    min-width: 100%
}

.ant-table-body-inner {
    height: 100%
}

.ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
    position: relative;
    background: #fff
}

.ant-table-fixed-header .ant-table-body-inner {
    overflow: scroll
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
    overflow: scroll;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.ant-table-fixed-left,.ant-table-fixed-right {
    position: absolute;
    top: 0;
    overflow: hidden;
    transition: box-shadow .3s ease;
    border-radius: 0
}

.ant-table-fixed-left table,.ant-table-fixed-right table {
    width: auto;
    background: #fff
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
    border-radius: 0
}

.ant-table-fixed-left {
    left: 0;
    box-shadow: 6px 0 6px -4px rgba(0,0,0,.2)
}

.ant-table-fixed-left .ant-table-header {
    overflow-y: hidden
}

.ant-table-fixed-left .ant-table-body-inner {
    margin-right: -20px;
    padding-right: 20px
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
    padding-right: 0
}

.ant-table-fixed-left,.ant-table-fixed-left table {
    border-radius: 4px 0 0 0
}

.ant-table-fixed-right {
    right: 0;
    box-shadow: -6px 0 6px -4px rgba(0,0,0,.2)
}

.ant-table-fixed-right,.ant-table-fixed-right table {
    border-radius: 0 4px 0 0
}

.ant-table-fixed-right .ant-table-expanded-row {
    color: transparent;
    pointer-events: none
}

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left,.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
    box-shadow: none
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container {
    height: 32px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar {
    visibility: hidden
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f9f9f9;
    margin-right: 2px;
    padding: 5px 16px 4px;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    background: #fff;
    border-color: #d9d9d9;
    color: #108ee9;
    padding-bottom: 5px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inactive {
    padding: 0
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-bottom: 0
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close {
    color: rgba(0,0,0,.43);
    transition: all .3s;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    margin-right: 0;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -5px;
    overflow: hidden;
    text-align: center;
    border-radius: 2px;
    width: 14px;
    height: 14px;
    line-height: 1
}

:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close {
    filter: none;
    font-size: 12px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close:hover {
    color: rgba(0,0,0,.85)
}

.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane {
    transition: none!important
}

.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane-inactive {
    overflow: hidden
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:hover .anticon-close {
    opacity: 1
}

.ant-tabs-extra-content {
    line-height: 32px
}

.ant-tabs-extra-content .ant-tabs-new-tab {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    color: rgba(0,0,0,.43);
    transition: all .3s
}

:root .ant-tabs-extra-content .ant-tabs-new-tab {
    filter: none;
    font-size: 12px
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
    color: #108ee9;
    border-color: #108ee9
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container {
    height: auto
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 8px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    padding-bottom: 4px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:last-child {
    margin-bottom: 8px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-new-tab {
    width: 90%
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-right: 0
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab {
    border-right: 0;
    border-radius: 4px 0 0 4px;
    margin-right: 1px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab-active {
    margin-right: -1px;
    padding-right: 18px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-left: 0
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab {
    border-left: 0;
    border-radius: 0 4px 4px 0;
    margin-left: 1px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab-active {
    margin-left: -1px;
    padding-left: 18px
}

.ant-tabs {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    zoom: 1;
    color: rgba(0,0,0,.65)
}

.ant-tabs:after,.ant-tabs:before {
    content: " ";
    display: table
}

.ant-tabs:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-tabs-ink-bar {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 1px;
    box-sizing: border-box;
    height: 2px;
    background-color: #108ee9;
    transform-origin: 0 0
}

.ant-tabs-bar {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 16px;
    outline: none
}

.ant-tabs-bar,.ant-tabs-nav-container {
    transition: padding .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-nav-container {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    margin-bottom: -1px;
    zoom: 1
}

.ant-tabs-nav-container:after,.ant-tabs-nav-container:before {
    content: " ";
    display: table
}

.ant-tabs-nav-container:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-tabs-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px
}

.ant-tabs-tab-next,.ant-tabs-tab-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    width: 0;
    height: 100%;
    line-height: 32px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    position: absolute;
    text-align: center;
    color: rgba(0,0,0,.43);
    transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);
    opacity: 0;
    pointer-events: none
}

.ant-tabs-tab-next.ant-tabs-tab-arrow-show,.ant-tabs-tab-prev.ant-tabs-tab-arrow-show {
    opacity: 1;
    width: 32px;
    height: 100%;
    pointer-events: auto
}

.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover {
    color: rgba(0,0,0,.65)
}

.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon {
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    line-height: inherit;
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    text-transform: none
}

.ant-tabs-tab-next-icon:before,.ant-tabs-tab-prev-icon:before {
    display: block;
    font-family: anticon!important;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-tabs-tab-next-icon:before,:root .ant-tabs-tab-prev-icon:before {
    filter: none;
    font-size: 12px
}

.ant-tabs-tab-btn-disabled {
    cursor: not-allowed
}

.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover {
    color: rgba(0,0,0,.25)
}

.ant-tabs-tab-next {
    right: 2px
}

.ant-tabs-tab-next-icon:before {
    content: "\E61F"
}

.ant-tabs-tab-prev {
    left: 0
}

.ant-tabs-tab-prev-icon:before {
    content: "\E620"
}

:root .ant-tabs-tab-prev {
    filter: none
}

.ant-tabs-nav-wrap {
    overflow: hidden;
    margin-bottom: -1px
}

.ant-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap
}

.ant-tabs-nav {
    box-sizing: border-box;
    padding-left: 0;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    margin: 0;
    list-style: none;
    display: inline-block
}

.ant-tabs-nav:after,.ant-tabs-nav:before {
    display: table;
    content: " "
}

.ant-tabs-nav:after {
    clear: both
}

.ant-tabs-nav .ant-tabs-tab-disabled {
    pointer-events: none;
    cursor: default;
    color: rgba(0,0,0,.25)
}

.ant-tabs-nav .ant-tabs-tab {
    display: inline-block;
    height: 100%;
    margin-right: 24px;
    box-sizing: border-box;
    position: relative;
    padding: 8px 20px;
    transition: color .3s cubic-bezier(.645,.045,.355,1);
    cursor: pointer;
    text-decoration: none
}

.ant-tabs-nav .ant-tabs-tab:last-child {
    margin-right: 0
}

.ant-tabs-nav .ant-tabs-tab:hover {
    color: #49a9ee
}

.ant-tabs-nav .ant-tabs-tab:active {
    color: #0e77ca
}

.ant-tabs-nav .ant-tabs-tab .anticon {
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.ant-tabs-nav .ant-tabs-tab-active {
    color: #108ee9
}

.ant-tabs-mini .ant-tabs-nav-container {
    font-size: 12px
}

.ant-tabs-mini .ant-tabs-tab {
    margin-right: 0;
    padding: 8px 16px
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content {
    width: 100%
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    transition: opacity .45s;
    opacity: 1
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive {
    opacity: 0;
    height: 0;
    padding: 0!important;
    pointer-events: none
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content-animated {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    will-change: margin-left;
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-vertical>.ant-tabs-bar {
    border-bottom: 0;
    height: 100%
}

.ant-tabs-vertical>.ant-tabs-bar-tab-next,.ant-tabs-vertical>.ant-tabs-bar-tab-prev {
    width: 32px;
    height: 0;
    transition: height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-vertical>.ant-tabs-bar-tab-next.ant-tabs-tab-arrow-show,.ant-tabs-vertical>.ant-tabs-bar-tab-prev.ant-tabs-tab-arrow-show {
    width: 100%;
    height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab {
    float: none;
    margin-right: 0;
    margin-bottom: 16px;
    display: block;
    padding: 8px 24px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab:last-child {
    margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-extra-content {
    text-align: center
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-scroll {
    width: auto
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap {
    height: 100%
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container {
    margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
    padding: 32px 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav {
    width: 100%
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-ink-bar {
    width: 2px;
    left: auto;
    height: auto;
    top: 0
}

.ant-tabs-vertical>.ant-tabs-content {
    overflow: hidden;
    width: auto;
    margin-top: 0!important
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-next {
    width: 100%;
    bottom: 0;
    height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-next-icon:before {
    content: "\E61D"
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-prev {
    top: 0;
    width: 100%;
    height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-prev-icon:before {
    content: "\E61E"
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar {
    float: left;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
    margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab {
    text-align: right
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-right: -1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-ink-bar {
    right: 1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-content {
    padding-left: 24px;
    border-left: 1px solid #e9e9e9
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar {
    float: right;
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
    margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-left: -1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-ink-bar {
    left: 1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-content {
    padding-right: 24px;
    border-right: 1px solid #e9e9e9
}

.ant-tabs-bottom>.ant-tabs-bar {
    margin-bottom: 0;
    margin-top: 16px
}

.ant-tabs-bottom .ant-tabs-ink-bar-animated,.ant-tabs-top .ant-tabs-ink-bar-animated {
    transition: transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-left .ant-tabs-ink-bar-animated,.ant-tabs-right .ant-tabs-ink-bar-animated {
    transition: transform .3s cubic-bezier(.645,.045,.355,1),height .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-no-animation>.ant-tabs-content-animated,.ant-tabs-vertical>.ant-tabs-content-animated,.no-flex>.ant-tabs-content-animated {
    transform: none!important;
    margin-left: 0!important
}

.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs-vertical>.ant-tabs-content>.ant-tabs-tabpane-inactive,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive {
    display: none
}

.ant-tag {
    display: inline-block;
    line-height: 20px;
    height: 22px;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    background: #f3f3f3;
    font-size: 12px;
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
    margin-right: 8px;
    cursor: pointer;
    white-space: nowrap
}

.ant-tag:hover {
    opacity: .85
}

.ant-tag,.ant-tag a,.ant-tag a:hover {
    color: rgba(0,0,0,.65)
}

.ant-tag-text a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ant-tag .anticon-cross {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    cursor: pointer;
    font-weight: 700;
    margin-left: 3px;
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    opacity: .66
}

:root .ant-tag .anticon-cross {
    filter: none;
    font-size: 12px
}

.ant-tag .anticon-cross:hover {
    opacity: 1
}

.ant-tag-has-color {
    border-color: transparent
}

.ant-tag-has-color,.ant-tag-has-color .anticon-cross,.ant-tag-has-color .anticon-cross:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover {
    color: #fff
}

.ant-tag-checkable {
    background-color: transparent;
    border-color: transparent
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: #108ee9
}

.ant-tag-checkable-checked,.ant-tag-checkable:active {
    color: #fff
}

.ant-tag-checkable-checked {
    background-color: #108ee9
}

.ant-tag-checkable:active {
    background-color: #0e77ca
}

.ant-tag-close {
    width: 0!important;
    padding: 0;
    margin: 0
}

.ant-tag-zoom-appear,.ant-tag-zoom-enter {
    animation: antFadeIn .2s cubic-bezier(.78,.14,.15,.86);
    animation-fill-mode: both
}

.ant-tag-zoom-leave {
    animation: antZoomOut .3s cubic-bezier(.78,.14,.15,.86);
    animation-fill-mode: both
}

.ant-tag-pink {
    color: #f5317f;
    background: #fdd8e7;
    border-color: #fdd8e7
}

.ant-tag-pink-inverse {
    background: #f5317f;
    border-color: #f5317f;
    color: #fff
}

.ant-tag-red {
    color: #f04134;
    background: #fcdbd9;
    border-color: #fcdbd9
}

.ant-tag-red-inverse {
    background: #f04134;
    border-color: #f04134;
    color: #fff
}

.ant-tag-orange {
    color: #f56a00;
    background: #fde3cf;
    border-color: #fde3cf
}

.ant-tag-orange-inverse {
    background: #f56a00;
    border-color: #f56a00;
    color: #fff
}

.ant-tag-yellow {
    color: #ffbf00;
    background: #fff3cf;
    border-color: #fff3cf
}

.ant-tag-yellow-inverse {
    background: #ffbf00;
    border-color: #ffbf00;
    color: #fff
}

.ant-tag-cyan {
    color: #00a2ae;
    background: #cfedf0;
    border-color: #cfedf0
}

.ant-tag-cyan-inverse {
    background: #00a2ae;
    border-color: #00a2ae;
    color: #fff
}

.ant-tag-green {
    color: #00a854;
    background: #cfefdf;
    border-color: #cfefdf
}

.ant-tag-green-inverse {
    background: #00a854;
    border-color: #00a854;
    color: #fff
}

.ant-tag-blue {
    color: #108ee9;
    background: #d2eafb;
    border-color: #d2eafb
}

.ant-tag-blue-inverse {
    background: #108ee9;
    border-color: #108ee9;
    color: #fff
}

.ant-tag-purple {
    color: #7265e6;
    background: #e4e2fa;
    border-color: #e4e2fa
}

.ant-tag-purple-inverse {
    background: #7265e6;
    border-color: #7265e6;
    color: #fff
}

.ant-timeline {
    list-style: none;
    margin: 0;
    padding: 0
}

.ant-timeline-item {
    position: relative;
    padding: 0 0 12px;
    list-style: none;
    margin: 0
}

.ant-timeline-item-tail {
    position: absolute;
    left: 5px;
    top: 0;
    height: 100%;
    border-left: 2px solid #e9e9e9
}

.ant-timeline-item-pending .ant-timeline-item-tail {
    display: none
}

.ant-timeline-item-head {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100px;
    border: 2px solid transparent
}

.ant-timeline-item-head-blue {
    border-color: #108ee9;
    color: #108ee9
}

.ant-timeline-item-head-red {
    border-color: #f04134;
    color: #f04134
}

.ant-timeline-item-head-green {
    border-color: #00a854;
    color: #00a854
}

.ant-timeline-item-head-custom {
    position: absolute;
    text-align: center;
    width: 40px;
    left: -14px;
    line-height: 1;
    margin-top: 6px;
    border: 0;
    height: auto;
    border-radius: 0;
    padding: 3px 0;
    font-size: 12px;
    transform: translateY(-50%)
}

.ant-timeline-item-content {
    padding: 0 0 10px 24px;
    font-size: 12px;
    position: relative;
    top: -3px
}

.ant-timeline-item-last .ant-timeline-item-tail {
    border-left: 2px dotted #e9e9e9;
    display: none
}

.ant-timeline-item-last .ant-timeline-item-content {
    min-height: 48px
}

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
    display: block
}

.ant-transfer {
    position: relative;
    line-height: 1.5
}

.ant-transfer-list {
    font-size: 12px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    position: relative;
    width: 180px;
    height: 200px;
    padding-top: 33px
}

.ant-transfer-list-with-footer {
    padding-bottom: 33px
}

.ant-transfer-list-search-action {
    color: rgba(0,0,0,.25);
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    width: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 14px
}

.ant-transfer-list-search-action .anticon {
    transition: all .3s;
    font-size: 12px;
    color: rgba(0,0,0,.25)
}

.ant-transfer-list-search-action .anticon:hover {
    color: rgba(0,0,0,.43)
}

span.ant-transfer-list-search-action {
    pointer-events: none
}

.ant-transfer-list-header {
    padding: 7px 15px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: rgba(0,0,0,.65);
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ant-transfer-list-header-title {
    position: absolute;
    right: 15px
}

.ant-transfer-list-body {
    font-size: 12px;
    position: relative;
    height: 100%
}

.ant-transfer-list-body-search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    width: 100%
}

.ant-transfer-list-body-with-search {
    padding-top: 34px
}

.ant-transfer-list-content {
    height: 100%;
    overflow: auto
}

.ant-transfer-list-content>.LazyLoad {
    animation: transferHighlightIn 1s
}

.ant-transfer-list-content-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 7px 15px;
    min-height: 32px;
    transition: all .3s
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    cursor: pointer;
    background-color: #ecf6fd
}

.ant-transfer-list-content-item-disabled {
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.ant-transfer-list-body-not-found {
    padding-top: 0;
    color: rgba(0,0,0,.25);
    text-align: center;
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px
}

.ant-transfer-list-content:empty+.ant-transfer-list-body-not-found {
    display: block
}

.ant-transfer-list-footer {
    border-top: 1px solid #e9e9e9;
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.ant-transfer-operation {
    display: inline-block;
    overflow: hidden;
    margin: 0 8px;
    vertical-align: middle
}

.ant-transfer-operation .ant-btn {
    display: block
}

.ant-transfer-operation .ant-btn:first-child {
    margin-bottom: 4px
}

.ant-transfer-operation .ant-btn .anticon {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-transfer-operation .ant-btn .anticon {
    filter: none;
    font-size: 12px
}

@keyframes transferHighlightIn {
    0% {
        background: #d2eafb
    }

    to {
        background: transparent
    }
}

.ant-select-tree-checkbox {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: text-bottom
}

.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner {
    border-color: #108ee9
}

.ant-select-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #108ee9;
    content: "";
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: both;
    visibility: hidden
}

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after,.ant-select-tree-checkbox:hover:after {
    visibility: visible
}

.ant-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    transition: all .3s
}

.ant-select-tree-checkbox-inner:after {
    transform: rotate(45deg) scale(0);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .1s cubic-bezier(.71,-.46,.88,.6)
}

.ant-select-tree-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
    content: " ";
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px;
    width: 8px;
    height: 1px
}

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    border-color: rgba(0,0,0,.25)
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    transform: rotate(45deg) scale(1);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    animation-name: none;
    border-color: rgba(0,0,0,.25)
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
    border-color: #d9d9d9!important;
    background-color: #f7f7f7
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    animation-name: none;
    border-color: #f7f7f7
}

.ant-select-tree-checkbox-disabled+span {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-select-tree-checkbox-wrapper {
    cursor: pointer;
    font-size: 12px;
    display: inline-block
}

.ant-select-tree-checkbox-wrapper:not(:last-child) {
    margin-right: 8px
}

.ant-select-tree-checkbox+span,.ant-select-tree-checkbox-wrapper+span {
    padding-left: 8px;
    padding-right: 8px
}

.ant-select-tree-checkbox-group {
    font-size: 12px
}

.ant-select-tree-checkbox-group-item {
    display: inline-block
}

@media \0screen {
    .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after,.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:before {
        font-family: anticon;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\E632";
        font-weight: 700;
        font-size: 8px;
        border: 0;
        color: #fff;
        left: 2px;
        top: 3px;
        position: absolute
    }
}

.ant-select-tree {
    margin: 0;
    padding: 0 4px;
    margin-top: -4px;
    font-size: 12px
}

.ant-select-tree li {
    padding: 0;
    margin: 8px 0;
    list-style: none;
    white-space: nowrap;
    outline: 0
}

.ant-select-tree li.filter-node>span {
    font-weight: 500
}

.ant-select-tree li ul {
    margin: 0;
    padding: 0 0 0 18px
}

.ant-select-tree li .ant-select-tree-node-content-wrapper {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 2px;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    color: rgba(0,0,0,.65);
    transition: all .3s;
    width: calc(100% - 24px)
}

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
    background-color: #ecf6fd
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: #d2eafb
}

.ant-select-tree li span.ant-select-tree-checkbox {
    margin: 0 4px 0 0
}

.ant-select-tree li span.ant-select-tree-checkbox+.ant-select-tree-node-content-wrapper {
    width: calc(100% - 46px)
}

.ant-select-tree li span.ant-select-tree-iconEle,.ant-select-tree li span.ant-select-tree-switcher {
    margin: 0;
    width: 24px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
    text-align: center
}

.ant-select-tree li span.ant-select-tree-icon_loading:after {
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E6AE";
    animation: loadingCircle 1s infinite linear;
    color: #108ee9
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
    cursor: auto
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after {
    font-size: 12px;
    font-size: 7px\9;
    transform: scale(.58333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E606";
    font-weight: 700;
    transition: transform .3s
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after {
    filter: none;
    font-size: 12px
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
    font-size: 12px;
    font-size: 7px\9;
    transform: scale(.58333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E606";
    font-weight: 700;
    transition: transform .3s
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
    filter: none;
    font-size: 12px
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
    transform: rotate(270deg) scale(.59)
}

.ant-select-tree-child-tree {
    display: none
}

.ant-select-tree-child-tree-open {
    display: block
}

li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper,li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper span,li.ant-select-tree-treenode-disabled>span,li.ant-select-tree-treenode-disabled>span.ant-select-tree-switcher {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-select-tree-icon__close,.ant-select-tree-icon__open {
    margin-right: 2px;
    vertical-align: top
}

.ant-select-tree-dropdown .ant-select-dropdown-search {
    display: block;
    padding: 4px
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
    width: 100%
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
    padding: 4px 7px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: none
}

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
    display: none
}

.ant-select-tree-dropdown .ant-select-not-found {
    cursor: not-allowed;
    color: rgba(0,0,0,.25);
    padding: 7px 16px;
    display: block
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-tree-checkbox {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: text-bottom
}

.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner {
    border-color: #108ee9
}

.ant-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #108ee9;
    content: "";
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: both;
    visibility: hidden
}

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,.ant-tree-checkbox:hover:after {
    visibility: visible
}

.ant-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    transition: all .3s
}

.ant-tree-checkbox-inner:after {
    transform: rotate(45deg) scale(0);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .1s cubic-bezier(.71,-.46,.88,.6)
}

.ant-tree-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
    content: " ";
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px;
    width: 8px;
    height: 1px
}

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
    border-color: rgba(0,0,0,.25)
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    transform: rotate(45deg) scale(1);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner,.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background-color: #108ee9;
    border-color: #108ee9
}

.ant-tree-checkbox-disabled {
    cursor: not-allowed
}

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    animation-name: none;
    border-color: rgba(0,0,0,.25)
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
    cursor: not-allowed
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    border-color: #d9d9d9!important;
    background-color: #f7f7f7
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
    animation-name: none;
    border-color: #f7f7f7
}

.ant-tree-checkbox-disabled+span {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.ant-tree-checkbox-wrapper {
    cursor: pointer;
    font-size: 12px;
    display: inline-block
}

.ant-tree-checkbox-wrapper:not(:last-child) {
    margin-right: 8px
}

.ant-tree-checkbox+span,.ant-tree-checkbox-wrapper+span {
    padding-left: 8px;
    padding-right: 8px
}

.ant-tree-checkbox-group {
    font-size: 12px
}

.ant-tree-checkbox-group-item {
    display: inline-block
}

@media \0screen {
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,.ant-tree-checkbox-checked .ant-tree-checkbox-inner:before {
        font-family: anticon;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\E632";
        font-weight: 700;
        font-size: 8px;
        border: 0;
        color: #fff;
        left: 2px;
        top: 3px;
        position: absolute
    }
}

.ant-tree {
    margin: 0;
    padding: 0;
    font-size: 12px
}

.ant-tree li {
    padding: 4px 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
    outline: 0
}

.ant-tree li span[draggable=true],.ant-tree li span[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    margin-top: -2px;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.ant-tree li.drag-over>span[draggable] {
    background-color: #108ee9;
    color: #fff;
    opacity: .8
}

.ant-tree li.drag-over-gap-top>span[draggable] {
    border-top-color: #108ee9
}

.ant-tree li.drag-over-gap-bottom>span[draggable] {
    border-bottom-color: #108ee9
}

.ant-tree li.filter-node>span {
    color: #f04134!important;
    font-weight: 500!important
}

.ant-tree li ul {
    margin: 0;
    padding: 0 0 0 18px
}

.ant-tree li .ant-tree-node-content-wrapper {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 2px;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    vertical-align: top;
    color: rgba(0,0,0,.65);
    transition: all .3s;
    position: relative
}

.ant-tree li .ant-tree-node-content-wrapper:hover {
    background-color: #ecf6fd
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #d2eafb
}

.ant-tree li span.ant-tree-checkbox {
    margin: 0 4px 0 2px;
    vertical-align: middle
}

.ant-tree li span.ant-tree-iconEle,.ant-tree li span.ant-tree-switcher {
    margin: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
    text-align: center
}

.ant-tree li span.ant-tree-icon_loading {
    position: absolute;
    left: 0;
    top: 1px;
    background: #fff;
    transform: translateX(-100%);
    transition: all .3s
}

.ant-tree li span.ant-tree-icon_loading:after {
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E6AE";
    animation: loadingCircle 1s infinite linear;
    color: #108ee9
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
    cursor: default
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
    font-size: 12px;
    font-size: 7px\9;
    transform: scale(.58333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E606";
    font-weight: 700;
    transition: transform .3s
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
    filter: none;
    font-size: 12px
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
    font-size: 12px;
    font-size: 7px\9;
    transform: scale(.58333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E606";
    font-weight: 700;
    transition: transform .3s
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
    filter: none;
    font-size: 12px
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
    transform: rotate(270deg) scale(.59)
}

.ant-tree li:last-child>span.ant-tree-iconEle:before,.ant-tree li:last-child>span.ant-tree-switcher:before {
    display: none
}

.ant-tree>li:first-child {
    padding-top: 7px
}

.ant-tree>li:last-child {
    padding-bottom: 7px
}

.ant-tree-child-tree {
    display: none
}

.ant-tree-child-tree-open {
    display: block
}

li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper,li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper span,li.ant-tree-treenode-disabled>span,li.ant-tree-treenode-disabled>span.ant-tree-switcher {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-tree-icon__close,.ant-tree-icon__open {
    margin-right: 2px;
    vertical-align: top
}

.ant-tree.ant-tree-show-line li {
    position: relative
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
    background: #fff;
    color: rgba(0,0,0,.65)
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after {
    font-size: 12px;
    font-size: 12px\9;
    transform: scale(1) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E664";
    vertical-align: baseline;
    font-weight: 400;
    transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after {
    filter: none;
    font-size: 12px
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open {
    color: rgba(0,0,0,.43)
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after {
    font-size: 12px;
    font-size: 12px\9;
    transform: scale(1) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E621";
    vertical-align: baseline;
    font-weight: 400;
    transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after {
    filter: none;
    font-size: 12px
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close {
    color: rgba(0,0,0,.43)
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after {
    font-size: 12px;
    font-size: 12px\9;
    transform: scale(1) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: inline-block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E645";
    vertical-align: baseline;
    font-weight: 400;
    transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after {
    filter: none;
    font-size: 12px
}

.ant-tree.ant-tree-show-line li:not(:last-child):before {
    content: " ";
    width: 1px;
    border-left: 1px solid #d9d9d9;
    height: 100%;
    position: absolute;
    left: 12px;
    margin: 18px 0
}

.ant-upload {
    font-size: 12px;
    outline: 0
}

.ant-upload-btn {
    display: block;
    width: 100%;
    outline: none
}

.ant-upload input[type=file] {
    cursor: pointer
}

.ant-upload.ant-upload-select {
    display: inline-block
}

.ant-upload.ant-upload-select-picture-card {
    border: 1px dashed #d9d9d9;
    width: 96px;
    height: 96px;
    border-radius: 4px;
    background-color: #fbfbfb;
    text-align: center;
    cursor: pointer;
    transition: border-color .3s ease;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 8px
}

.ant-upload.ant-upload-select-picture-card>.ant-upload {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0
}

.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #108ee9
}

.ant-upload.ant-upload-drag {
    border: 1px dashed #d9d9d9;
    transition: border-color .3s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative
}

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
    border: 2px dashed #49a9ee
}

.ant-upload.ant-upload-drag.ant-upload-disabled {
    cursor: not-allowed
}

.ant-upload.ant-upload-drag .ant-upload-btn {
    display: table;
    height: 100%
}

.ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: table-cell;
    vertical-align: middle
}

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: #49a9ee
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    height: 60px;
    margin-bottom: 24px
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    font-size: 80px;
    margin-top: -5px;
    color: #49a9ee
}

.ant-upload.ant-upload-drag p.ant-upload-text {
    font-size: 14px
}

.ant-upload.ant-upload-drag p.ant-upload-hint {
    font-size: 12px;
    color: rgba(0,0,0,.43)
}

.ant-upload.ant-upload-drag .anticon-plus {
    font-size: 30px;
    transition: all .3s ease;
    color: rgba(0,0,0,.25)
}

.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus {
    color: rgba(0,0,0,.43)
}

.ant-upload-list {
    overflow: hidden
}

.ant-upload-list-item {
    overflow: hidden;
    margin-top: 8px;
    font-size: 12px;
    position: relative;
    height: 24px
}

.ant-upload-list-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 16px;
    width: 100%;
    display: inline-block
}

.ant-upload-list-item-info {
    line-height: 24px;
    padding: 0 12px 0 4px;
    transition: background-color .3s
}

.ant-upload-list-item-info .anticon-loading,.ant-upload-list-item-info .anticon-paper-clip {
    margin-right: 4px;
    font-size: 12px;
    color: rgba(0,0,0,.43);
    position: absolute;
    top: 5.5px
}

.ant-upload-list-item .anticon-cross {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    transition: all .3s;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 4px;
    color: rgba(0,0,0,.43);
    line-height: 24px
}

:root .ant-upload-list-item .anticon-cross {
    filter: none;
    font-size: 12px
}

.ant-upload-list-item .anticon-cross:hover {
    color: rgba(0,0,0,.65)
}

.ant-upload-list-item:hover .ant-upload-list-item-info {
    background-color: #ecf6fd
}

.ant-upload-list-item:hover .anticon-cross {
    opacity: 1
}

.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .anticon-paper-clip {
    color: #f04134
}

.ant-upload-list-item-error .anticon-cross {
    opacity: 1;
    color: #f04134!important
}

.ant-upload-list-item-progress {
    line-height: 0;
    font-size: 12px;
    position: absolute;
    width: 100%;
    bottom: 0
}

.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-picture .ant-upload-list-item {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    height: 66px;
    position: relative
}

.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover {
    background: transparent
}

.ant-upload-list-picture-card .ant-upload-list-item-error,.ant-upload-list-picture .ant-upload-list-item-error {
    border-color: #f04134
}

.ant-upload-list-picture-card .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item-info {
    padding: 0
}

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info {
    background: transparent
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading,.ant-upload-list-picture .ant-upload-list-item-uploading {
    border-style: dashed
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture .ant-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 8px;
    left: 8px
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.ant-upload-list-picture .ant-upload-list-item-thumbnail img {
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 4px
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before,.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before {
    line-height: 48px;
    font-size: 24px;
    color: rgba(0,0,0,.43)
}

.ant-upload-list-picture-card .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 0 8px;
    line-height: 44px;
    transition: all .3s;
    padding-left: 48px;
    padding-right: 8px;
    max-width: 100%;
    display: inline-block;
    box-sizing: border-box
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name {
    line-height: 28px
}

.ant-upload-list-picture-card .ant-upload-list-item-progress,.ant-upload-list-picture .ant-upload-list-item-progress {
    padding-left: 56px;
    margin-top: 0
}

.ant-upload-list-picture-card .anticon-cross,.ant-upload-list-picture .anticon-cross {
    position: absolute;
    right: 8px;
    top: 8px;
    line-height: 1
}

.ant-upload-list-picture-card {
    display: inline
}

.ant-upload-list-picture-card .ant-upload-list-item {
    float: left;
    width: 96px;
    height: 96px;
    margin: 0 8px 8px 0
}

.ant-upload-list-picture-card .ant-upload-list-item-info {
    height: 100%;
    position: relative
}

.ant-upload-list-picture-card .ant-upload-list-item-info:before {
    content: " ";
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,.5);
    transition: all .3s;
    width: 100%;
    height: 100%;
    opacity: 0
}

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before {
    opacity: 1
}

.ant-upload-list-picture-card .ant-upload-list-item-actions {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    white-space: nowrap;
    opacity: 0;
    transition: all .3s
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o {
    z-index: 10;
    transition: all .3s;
    cursor: pointer;
    font-size: 16px;
    width: 16px;
    color: hsla(0,0%,100%,.91);
    margin: 0 4px
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover {
    color: #fff
}

.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions {
    opacity: 1
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    position: static
}

.ant-upload-list-picture-card .ant-upload-list-item-name {
    display: none
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
    background-color: #fbfbfb
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
    height: auto
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before {
    display: none
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
    margin-top: 18px;
    color: rgba(0,0,0,.43)
}

.ant-upload-list-picture-card .ant-upload-list-item-progress {
    padding-left: 0
}

.ant-upload-list .ant-upload-success-icon {
    color: #00a854;
    font-weight: 700
}

.ant-upload-list .ant-upload-animate-enter,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave,.ant-upload-list .ant-upload-animate-leave {
    animation-duration: .3s;
    animation-fill-mode: cubic-bezier(.78,.14,.15,.86)
}

.ant-upload-list .ant-upload-animate-enter {
    animation-name: uploadAnimateIn
}

.ant-upload-list .ant-upload-animate-leave {
    animation-name: uploadAnimateOut
}

.ant-upload-list .ant-upload-animate-inline-enter {
    animation-name: uploadAnimateInlineIn
}

.ant-upload-list .ant-upload-animate-inline-leave {
    animation-name: uploadAnimateInlineOut
}

@keyframes uploadAnimateIn {
    0% {
        height: 0;
        margin: 0;
        opacity: 0;
        padding: 0
    }
}

@keyframes uploadAnimateOut {
    to {
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes uploadAnimateInlineIn {
    0% {
        width: 0;
        height: 0;
        margin: 0;
        opacity: 0;
        padding: 0
    }
}

@keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

#header {
    height: 96px
}

.page-bar {
    padding: 10px;
    text-align: center;
    font-size: 16px
}

@media screen and (max-width:1000px) {
    #footer,#header,#main {
        min-width: 1200px
    }
}